diff --git a/apps/web/index.html b/apps/web/index.html
index 9f0329b602..0d4d463a19 100644
--- a/apps/web/index.html
+++ b/apps/web/index.html
@@ -2,7 +2,10 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
+    />
     <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)" />
     <meta name="theme-color" content="#161616" media="(prefers-color-scheme: dark)" />
     <meta name="theme-color" content="#161616" />
diff --git a/apps/web/src/index.css b/apps/web/src/index.css
index 5c568ad5d6..c1cd8f0bbb 100644
--- a/apps/web/src/index.css
+++ b/apps/web/src/index.css
@@ -51,10 +51,15 @@
   }
   html {
     background-color: var(--app-chrome-background);
+    /* iOS Safari ignores `user-scalable=no` in many contexts; touch-action
+       blocks pinch-zoom while still allowing pan/scroll. Touch-only input,
+       so desktop browsers are unaffected. */
+    touch-action: pan-x pan-y;
   }
   body {
     @apply text-foreground relative;
     background-color: var(--app-chrome-background);
+    touch-action: pan-x pan-y;
   }
 }
 
