diff --git a/.changeset/fuzzy-kiwis-greet.md b/.changeset/fuzzy-kiwis-greet.md
new file mode 100644
index 00000000000..add8f612574
--- /dev/null
+++ b/.changeset/fuzzy-kiwis-greet.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": minor
+---
+
+Fix small TextInput to be the use the correct font size
diff --git a/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-dark-colorblind-linux.png b/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-dark-colorblind-linux.png
index c420cd91393..82a757d1cac 100644
Binary files a/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-dark-colorblind-linux.png and b/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-dark-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-dark-dimmed-linux.png b/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-dark-dimmed-linux.png
index 40d32effc6f..deb50c64999 100644
Binary files a/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-dark-dimmed-linux.png and b/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-dark-dimmed-linux.png differ
diff --git a/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-dark-high-contrast-linux.png b/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-dark-high-contrast-linux.png
index 5ba57dc6a85..50c08345dad 100644
Binary files a/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-dark-high-contrast-linux.png and b/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-dark-linux.png b/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-dark-linux.png
index c420cd91393..82a757d1cac 100644
Binary files a/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-dark-linux.png and b/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-dark-linux.png differ
diff --git a/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-dark-tritanopia-linux.png b/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-dark-tritanopia-linux.png
index c420cd91393..82a757d1cac 100644
Binary files a/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-dark-tritanopia-linux.png and b/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-dark-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-light-colorblind-linux.png b/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-light-colorblind-linux.png
index 7aaefcb553d..020ba25948b 100644
Binary files a/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-light-colorblind-linux.png and b/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-light-colorblind-linux.png differ
diff --git a/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-light-high-contrast-linux.png b/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-light-high-contrast-linux.png
index 87271029fdd..6e6b6bda199 100644
Binary files a/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-light-high-contrast-linux.png and b/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-light-linux.png b/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-light-linux.png
index 7aaefcb553d..020ba25948b 100644
Binary files a/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-light-linux.png and b/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-light-linux.png differ
diff --git a/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-light-tritanopia-linux.png b/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-light-tritanopia-linux.png
index 7aaefcb553d..020ba25948b 100644
Binary files a/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-light-tritanopia-linux.png and b/.playwright/snapshots/components/Select.test.ts-snapshots/Select-Small-light-tritanopia-linux.png differ
diff --git a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Small-dark-high-contrast-linux.png b/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Small-dark-high-contrast-linux.png
index ef480436f25..cef4b87359b 100644
Binary files a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Small-dark-high-contrast-linux.png and b/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Small-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Small-light-high-contrast-linux.png b/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Small-light-high-contrast-linux.png
index 04465ff0cc1..78407f49e11 100644
Binary files a/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Small-light-high-contrast-linux.png and b/.playwright/snapshots/components/TextInput.test.ts-snapshots/TextInput-Small-light-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Size-dark-high-contrast-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Size-dark-high-contrast-linux.png
index d846b4fbc76..f55f5739a92 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Size-dark-high-contrast-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Size-dark-high-contrast-linux.png differ
diff --git a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Size-light-high-contrast-linux.png b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Size-light-high-contrast-linux.png
index 87cc80fd5bb..2528f9b8115 100644
Binary files a/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Size-light-high-contrast-linux.png and b/.playwright/snapshots/components/TextInputWithTokens.test.ts-snapshots/TextInputWithTokens-Size-light-high-contrast-linux.png differ
diff --git a/packages/react/src/__tests__/__snapshots__/TextInput.test.tsx.snap b/packages/react/src/__tests__/__snapshots__/TextInput.test.tsx.snap
index 2c67fb764da..36f7ae4f8bc 100644
--- a/packages/react/src/__tests__/__snapshots__/TextInput.test.tsx.snap
+++ b/packages/react/src/__tests__/__snapshots__/TextInput.test.tsx.snap
@@ -1658,6 +1658,18 @@ exports[`TextInput renders small 1`] = `
   }
 }
 
+@media screen and (min-width:544px) {
+  .c0 {
+    font-size: 12px;
+  }
+}
+
+@media screen and (min-width:768px) {
+  .c0 {
+    font-size: 12px;
+  }
+}
+
 <span
   aria-busy={false}
   className="c0 c1 TextInput-wrapper"
@@ -4173,6 +4185,14 @@ exports[`TextInput renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 @media (min-width:768px) {
 
 }
@@ -4391,6 +4411,14 @@ exports[`TextInput renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 @media (min-width:768px) {
 
 }
@@ -4647,6 +4675,14 @@ exports[`TextInput renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 @media (min-width:768px) {
 
 }
@@ -4874,6 +4910,14 @@ exports[`TextInput renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 @media (min-width:768px) {
 
 }
@@ -5175,6 +5219,14 @@ exports[`TextInput renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 @media (min-width:768px) {
 
 }
@@ -5476,6 +5528,14 @@ exports[`TextInput renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 @media (min-width:768px) {
 
 }
@@ -5771,6 +5831,14 @@ exports[`TextInput renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 @media (min-width:768px) {
 
 }
@@ -6028,6 +6096,14 @@ exports[`TextInput renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 @media (min-width:768px) {
 
 }
@@ -6323,6 +6399,14 @@ exports[`TextInput renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 @media (min-width:768px) {
 
 }
@@ -6597,6 +6681,18 @@ exports[`TextInput renders with a loading indicator 1`] = `
   }
 }
 
+@media screen and (min-width:544px) {
+  .c0 {
+    font-size: 12px;
+  }
+}
+
+@media screen and (min-width:768px) {
+  .c0 {
+    font-size: 12px;
+  }
+}
+
 @media (min-width:768px) {
 
 }
@@ -6938,6 +7034,14 @@ exports[`TextInput renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 @media (min-width:768px) {
 
 }
@@ -7282,6 +7386,14 @@ exports[`TextInput renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 @media (min-width:768px) {
   .c0 {
     font-size: 14px;
diff --git a/packages/react/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap b/packages/react/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap
index 14af2deae2f..8c73ced8815 100644
--- a/packages/react/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap
+++ b/packages/react/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap
@@ -2479,6 +2479,18 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 1`] = `
   }
 }
 
+@media screen and (min-width:544px) {
+  .c0 {
+    font-size: 12px;
+  }
+}
+
+@media screen and (min-width:768px) {
+  .c0 {
+    font-size: 12px;
+  }
+}
+
 <span
   className="c0 c1"
   onClick={[Function]}
@@ -3208,6 +3220,18 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 2`] = `
   }
 }
 
+@media screen and (min-width:544px) {
+  .c0 {
+    font-size: 12px;
+  }
+}
+
+@media screen and (min-width:768px) {
+  .c0 {
+    font-size: 12px;
+  }
+}
+
 <span
   className="c0 c1"
   onClick={[Function]}
@@ -3928,6 +3952,14 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 3`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 @media (min-width:768px) {
   .c0 {
     font-size: 14px;
@@ -4656,6 +4688,14 @@ exports[`TextInputWithTokens renders tokens at the specified sizes 4`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 @media (min-width:768px) {
   .c0 {
     font-size: 14px;
@@ -6573,6 +6613,14 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 <span
     className="c0 c1"
     onClick={[Function]}
@@ -7361,6 +7409,14 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 <span
     className="c0 c1"
     onClick={[Function]}
@@ -8186,6 +8242,14 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 <span
     className="c0 c1"
     onClick={[Function]}
@@ -8983,6 +9047,14 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 <span
     className="c0 c1"
     onClick={[Function]}
@@ -9853,6 +9925,14 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 <span
     className="c0 c1"
     onClick={[Function]}
@@ -10723,6 +10803,14 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 <span
     className="c0 c1"
     onClick={[Function]}
@@ -11587,6 +11675,14 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 <span
     className="c0 c1"
     onClick={[Function]}
@@ -12414,6 +12510,14 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 <span
     className="c0 c1"
     onClick={[Function]}
@@ -13278,6 +13382,14 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 <span
     className="c0 c1"
     onClick={[Function]}
@@ -14119,6 +14231,18 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
   }
 }
 
+@media screen and (min-width:544px) {
+  .c0 {
+    font-size: 12px;
+  }
+}
+
+@media screen and (min-width:768px) {
+  .c0 {
+    font-size: 12px;
+  }
+}
+
 <span
     className="c0 c1"
     onClick={[Function]}
@@ -15028,6 +15152,14 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 <span
     className="c0 c1"
     onClick={[Function]}
@@ -15935,6 +16067,14 @@ exports[`TextInputWithTokens renders with a loading indicator 1`] = `
 
 }
 
+@media screen and (min-width:544px) {
+
+}
+
+@media screen and (min-width:768px) {
+
+}
+
 <span
     className="c0 c1"
     onClick={[Function]}
diff --git a/packages/react/src/internal/components/TextInputWrapper.tsx b/packages/react/src/internal/components/TextInputWrapper.tsx
index 2ae20272b5b..072d17605cf 100644
--- a/packages/react/src/internal/components/TextInputWrapper.tsx
+++ b/packages/react/src/internal/components/TextInputWrapper.tsx
@@ -14,7 +14,7 @@ const sizeDeprecatedVariants = variant({
       minHeight: '28px',
       px: 2,
       py: '3px',
-      fontSize: 0,
+      fontSize: [0, 0, 0],
       lineHeight: '20px',
     },
     large: {
@@ -33,7 +33,7 @@ const sizeVariants = variant({
       minHeight: '28px',
       px: 2,
       py: '3px',
-      fontSize: 0,
+      fontSize: [0, 0, 0],
       lineHeight: '20px',
     },
     medium: {