diff --git a/.changeset/lovely-mangos-destroy.md b/.changeset/lovely-mangos-destroy.md
new file mode 100644
index 00000000000..c68cefee988
--- /dev/null
+++ b/.changeset/lovely-mangos-destroy.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+Fix `MarkdownEditor` preview overflowing its container
diff --git a/src/drafts/MarkdownEditor/MarkdownEditor.tsx b/src/drafts/MarkdownEditor/MarkdownEditor.tsx
index dd7d71262ee..c507834d958 100644
--- a/src/drafts/MarkdownEditor/MarkdownEditor.tsx
+++ b/src/drafts/MarkdownEditor/MarkdownEditor.tsx
@@ -360,7 +360,7 @@ const MarkdownEditor = forwardRef<MarkdownEditorHandle, MarkdownEditorProps>(
                 disabled /* if we set disabled={true}, we can't enable the buttons that should be enabled */
               }
               aria-describedby={describedBy ? `${descriptionId} ${describedBy}` : descriptionId}
-              style={{appearance: 'none', border: 'none'}}
+              style={{appearance: 'none', border: 'none', minInlineSize: 'auto'}}
             >
               <FormattingTools ref={formattingToolsRef} forInputId={id} />
               <div style={{display: 'none'}}>{children}</div>