diff --git a/src/index.css b/src/index.css
index 0044c11..55ff497 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1186,3 +1186,15 @@ body {
     font-size: 0.86rem;
   }
 }
+
+/* Give phone UI real gutters so controls read as intentional, not clipped. */
+@media (max-width: 520px) {
+  .app-shell {
+    width: min(100% - 2rem, 100%);
+  }
+
+  .tab-bar {
+    margin-left: 0;
+    margin-right: 0;
+  }
+}