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 f05f704958a4e..c2998a8bbf5e2 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/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 0000000000000..e549fe9998a51
--- /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"
+}
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 3436ec5f1333d..7b6d7a4a8eaf5 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,
       },