From 47a26a401d9b8c01e9e8e345bd90f3fba28fb5fd Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Mon, 3 Aug 2026 09:52:21 +0100
Subject: [PATCH 1/2] fix(input,input-group): make the mobile font 16px so that
 Safari does not auto zoom in mobile

---
 packages/kumo/src/components/input-group/input-group.tsx | 8 ++++----
 packages/kumo/src/components/input/input.tsx             | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/kumo/src/components/input-group/input-group.tsx b/packages/kumo/src/components/input-group/input-group.tsx
index 8471897c2d..71180b1f71 100644
--- a/packages/kumo/src/components/input-group/input-group.tsx
+++ b/packages/kumo/src/components/input-group/input-group.tsx
@@ -29,19 +29,19 @@ export { type InputGroupSuffixProps } from "./input-group-suffix";
 export const KUMO_INPUT_GROUP_VARIANTS = {
   size: {
     xs: {
-      classes: "h-6 text-xs",
+      classes: "h-6 text-[16px] sm:text-xs",
       description: "Extra small size.",
     },
     sm: {
-      classes: "h-7 text-xs",
+      classes: "h-7 text-[16px] sm:text-xs",
       description: "Small size.",
     },
     base: {
-      classes: "h-9 text-base",
+      classes: "h-9 text-[16px] sm:text-base",
       description: "Default size.",
     },
     lg: {
-      classes: "h-11 text-base",
+      classes: "h-11 text-[16px] sm:text-base",
       description: "Large size.",
     },
   },
diff --git a/packages/kumo/src/components/input/input.tsx b/packages/kumo/src/components/input/input.tsx
index 9d4cf52acf..e2bc90b438 100644
--- a/packages/kumo/src/components/input/input.tsx
+++ b/packages/kumo/src/components/input/input.tsx
@@ -16,19 +16,19 @@ import {
 export const KUMO_INPUT_VARIANTS = {
   size: {
     xs: {
-      classes: "h-5 gap-1 rounded-sm px-1.5 text-xs",
+      classes: "h-5 gap-1 rounded-sm px-1.5 text-[16px] sm:text-xs",
       description: "Extra small input for compact UIs",
     },
     sm: {
-      classes: "h-6.5 gap-1 rounded-md px-2 text-xs",
+      classes: "h-6.5 gap-1 rounded-md px-2 text-[16px] sm:text-xs",
       description: "Small input for secondary fields",
     },
     base: {
-      classes: "h-9 gap-1.5 rounded-lg px-3 text-base",
+      classes: "h-9 gap-1.5 rounded-lg px-3 text-[16px] sm:text-base",
       description: "Default input size",
     },
     lg: {
-      classes: "h-10 gap-2 rounded-lg px-4 text-base",
+      classes: "h-10 gap-2 rounded-lg px-4 text-[16px] sm:text-base",
       description: "Large input for prominent fields",
     },
   },

From dc7929823072fa6303df8e808a8477eb1ce6bdf1 Mon Sep 17 00:00:00 2001
From: Visal In <invisal@gmail.com>
Date: Mon, 3 Aug 2026 13:32:31 +0100
Subject: [PATCH 2/2] Prevent Safari auto-zoom on mobile by setting input font
 size to 16px below sm breakpoint

---
 .changeset/prevent-input-autozoom-mobile.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/prevent-input-autozoom-mobile.md

diff --git a/.changeset/prevent-input-autozoom-mobile.md b/.changeset/prevent-input-autozoom-mobile.md
new file mode 100644
index 0000000000..680fad33a4
--- /dev/null
+++ b/.changeset/prevent-input-autozoom-mobile.md
@@ -0,0 +1,5 @@
+---
+"@cloudflare/kumo": patch
+---
+
+Prevent Safari auto-zoom on mobile by setting input and input-group font size to 16px below the `sm` breakpoint.