diff --git a/frontend/styles.css b/frontend/styles.css
index bae4e35..b75cac3 100755
--- a/frontend/styles.css
+++ b/frontend/styles.css
@@ -1308,9 +1308,11 @@ input[type="range"]::-webkit-slider-thumb:hover { transform: scale(1.25); }
   /* In the stacked layout both panes must be allowed to shrink below their
      content height (flex min-height defaults to auto), or they overflow the
      hidden .body instead of engaging their own scrollbars — on a landscape
-     phone that made "Up next" unreachable. */
+     phone that made "Up next" unreachable. The base .list-pane rule sets
+     flex-shrink: 0 (right for the fixed-width side column); here the pane
+     must shrink or long views (Settings) get clipped with no scrollbar. */
   .player-pane { min-height: 0; }
-  .list-pane { min-height: 0; }
+  .list-pane { min-height: 0; flex-shrink: 1; }
 }
 
 /* ============================================================================