From 91a2c4e32f1cd93918d6844f4e7fb6ee5a765f59 Mon Sep 17 00:00:00 2001
From: Sarah Higley <sarah.higley@microsoft.com>
Date: Thu, 19 Feb 2026 13:34:27 -0800
Subject: [PATCH 1/2] fix: Input shrinks to its wrapper past the browser
 default of size=20

---
 .../src/stories/Input/Input.stories.tsx                  | 9 +++++++++
 .../react-input/library/src/components/Input/useInput.ts | 1 +
 2 files changed, 10 insertions(+)

diff --git a/apps/vr-tests-react-components/src/stories/Input/Input.stories.tsx b/apps/vr-tests-react-components/src/stories/Input/Input.stories.tsx
index f05f704958a4e4..c2998a8bbf5e2c 100644
--- a/apps/vr-tests-react-components/src/stories/Input/Input.stories.tsx
+++ b/apps/vr-tests-react-components/src/stories/Input/Input.stories.tsx
@@ -51,3 +51,12 @@ export const WithAppearanceOverride = () => (
   </FluentProvider>
 );
 WithAppearanceOverride.storyName = 'With appearance override';
+
+export const ShrinkToWrapper = () => (
+  <div style={{ maxWidth: '50px' }}>
+    <div style={{ display: 'grid' }}>
+      <Input defaultValue="Some text that extends past the default size of 20 characters" />
+    </div>
+  </div>
+);
+ShrinkToWrapper.storyName = 'Shrink to wrapper';
diff --git a/packages/react-components/react-input/library/src/components/Input/useInput.ts b/packages/react-components/react-input/library/src/components/Input/useInput.ts
index 3436ec5f1333d4..7b6d7a4a8eaf5f 100644
--- a/packages/react-components/react-input/library/src/components/Input/useInput.ts
+++ b/packages/react-components/react-input/library/src/components/Input/useInput.ts
@@ -57,6 +57,7 @@ export const useInput_unstable = (props: InputProps, ref: React.Ref<HTMLInputEle
     input: slot.always(props.input, {
       defaultProps: {
         type: 'text',
+        size: 1,
         ref,
         ...nativeProps.primary,
       },

From 2353c692e1bf274aae5eacf2b9cf9ef02e3ff3cf Mon Sep 17 00:00:00 2001
From: Sarah Higley <sarah.higley@microsoft.com>
Date: Thu, 19 Feb 2026 13:35:16 -0800
Subject: [PATCH 2/2] change file

---
 ...i-react-input-4103cfab-fb3c-47ff-a91e-9afe21545ef0.json | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 change/@fluentui-react-input-4103cfab-fb3c-47ff-a91e-9afe21545ef0.json

diff --git a/change/@fluentui-react-input-4103cfab-fb3c-47ff-a91e-9afe21545ef0.json b/change/@fluentui-react-input-4103cfab-fb3c-47ff-a91e-9afe21545ef0.json
new file mode 100644
index 00000000000000..e549fe9998a51e
--- /dev/null
+++ b/change/@fluentui-react-input-4103cfab-fb3c-47ff-a91e-9afe21545ef0.json
@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: Input shrinks to its wrapper past the browser default of size=20",
+  "packageName": "@fluentui/react-input",
+  "email": "sarah.higley@microsoft.com",
+  "dependentChangeType": "patch"
+}