From fd9ab3960f5f819bd7c49a495800059545041674 Mon Sep 17 00:00:00 2001
From: Ian Sanders <iansan5653@github.com>
Date: Mon, 5 Dec 2022 10:56:01 -0500
Subject: [PATCH] Fix`MarkdownEditor` preview overflowing its container (#2639)

* Fix Markdown editor `fieldset` `min-inline-size` styling

* Add changeset
---
 .changeset/lovely-mangos-destroy.md          | 5 +++++
 src/drafts/MarkdownEditor/MarkdownEditor.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/lovely-mangos-destroy.md

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>