From 62fed633108240dd64072d2c1cbe2b5ef8d49c88 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Mon, 18 Aug 2025 11:11:35 -0500
Subject: [PATCH] fix: max width docs images

---
 packages/website/src/components/Markdown.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/website/src/components/Markdown.tsx b/packages/website/src/components/Markdown.tsx
index dbcee017a..cc198c317 100644
--- a/packages/website/src/components/Markdown.tsx
+++ b/packages/website/src/components/Markdown.tsx
@@ -1,10 +1,15 @@
 import { Link, Table } from '@radix-ui/themes';
 import MarkdownToJSX from 'markdown-to-jsx';
+import type { ComponentProps } from 'react';
 
 interface MarkdownProps {
   children: string;
 }
 
+function Image(props: ComponentProps<'img'>) {
+  return <img style={{ maxWidth: '100%' }} {...props} />;
+}
+
 export function Markdown({ children }: MarkdownProps) {
   return (
     <MarkdownToJSX
@@ -17,6 +22,7 @@ export function Markdown({ children }: MarkdownProps) {
           tr: { component: Table.Row },
           th: { component: Table.ColumnHeaderCell },
           td: { component: Table.Cell },
+          img: { component: Image },
         },
       }}
     >