diff --git a/docker/frontend/src/styles/app.css b/docker/frontend/src/styles/app.css
index a11e328..dec69d3 100644
--- a/docker/frontend/src/styles/app.css
+++ b/docker/frontend/src/styles/app.css
@@ -192,6 +192,13 @@ input[type="range"] { width: 100%; accent-color: var(--accent); }
 /* --- responsive --------------------------------------------------------- */
 @media (max-width: 860px) {
   .workspace { flex-direction: column; }
+  /* The header wraps on narrow screens, so a menu-wrap can land at the start of
+     a row — the popover is right-anchored to its button and would hang off the
+     left of the screen (measured: x=-280 of 390px). Anchor it to the full-width
+     header instead. */
+  .header { position: relative; }
+  .menu-wrap { position: static; }
+  .popover { right: 8px; max-width: calc(100vw - 16px); }
   .rail {
     order: 2;
     width: auto;