diff --git a/cortex/static/style.css b/cortex/static/style.css
index 1ef1423..3134fcc 100644
--- a/cortex/static/style.css
+++ b/cortex/static/style.css
@@ -647,8 +647,8 @@
             position: relative;
             flex-shrink: 0;
             display: flex;
-            flex-direction: row;
-            align-items: center;
+            flex-direction: column;
+            align-items: stretch;
             gap: 4px;
         }
 
@@ -1527,8 +1527,8 @@
                 font-size: 16px; /* prevent iOS Safari auto-zoom */
             }
 
-            /* Mode select: grows to fill left side of bottom row */
-            #mode-select { flex: 1; }
+            /* Mode select: grows to fill left side of bottom row; back to row on mobile */
+            #mode-select { flex: 1; flex-direction: row; align-items: center; }
             #mode-select-btn { flex: 1; justify-content: center; }
 
             /* Dropdown still opens upward on mobile */
@@ -1602,3 +1602,8 @@
             .header-emoji { font-size: 1.3rem; }
             .hdr-btn { padding: 5px 8px; }
         }
+
+        /* ── Short viewport (landscape phone) — restore row layout ── */
+        @media (max-height: 400px) and (min-width: 521px) {
+            #mode-select { flex-direction: row; align-items: center; }
+        }