diff --git a/public_html/index.html b/public_html/index.html
index 24f62b8..0186adf 100644
--- a/public_html/index.html
+++ b/public_html/index.html
@@ -215,6 +215,14 @@
   .row h2{font-size:15px;font-weight:600;letter-spacing:.01em}
   .row p{font-size:12.5px;color:var(--sheet-dim);margin-top:3px;line-height:1.35}
 
+  /* a minutes+seconds stepper is 302px wide, so it can't share a line with a
+     label on any phone — stack it under one instead of overflowing the sheet */
+  @media (max-width:420px){
+    .row--wide{flex-direction:column;align-items:stretch;gap:10px}
+    .row--wide .stepper{align-self:flex-end}
+    .row--wide .val{min-width:46px}
+  }
+
   .row--presets{gap:11px}
   .preset{
     flex:1;
@@ -366,7 +374,7 @@
     <button class="preset" data-base="180000" data-preset-delay="15000" aria-pressed="false">3m / 15s</button>
   </div>
 
-  <div class="row">
+  <div class="row row--wide">
     <div>
       <h2>Time</h2>
       <p>Reserve time per player.</p>