diff --git a/src/client/styles/trendChart.css b/src/client/styles/trendChart.css
index 8baf831..a54fd12 100644
--- a/src/client/styles/trendChart.css
+++ b/src/client/styles/trendChart.css
@@ -76,7 +76,10 @@
 /*
  Turn strip: NEUTRAL zebra fills (inline, see TURN_FILLS) — never the category palette, or the strip reads as a detached bottom segment of the bars.
  */
-.lc-turns { display: flex; gap: 2px; overflow: hidden; margin-top: 4px; }
+/* Same sizing as .lc-chart: as an in-flow child of the scroller the strip would otherwise cap at the
+   viewport width (clientWidth) and overflow:hidden would clip every block past the first screen — the
+   strip must span the full scrollable column grid instead. */
+.lc-turns { display: flex; gap: 2px; overflow: hidden; margin-top: 4px; width: max-content; min-width: 100%; }
 .lc-turn { flex: none; box-sizing: border-box; text-align: center; font-size: 10px; line-height: 14px; font-weight: 600; color: var(--dsw-alias-label-secondary); border-radius: 3px; height: 14px; white-space: nowrap; cursor: pointer; transition: filter var(--ds-transition-duration, 0.2s) var(--ds-ease-in-out, ease-in-out), opacity var(--ds-transition-duration, 0.2s) var(--ds-ease-in-out, ease-in-out); }
 .lc-turn-on { filter: brightness(1.35); color: var(--dsw-alias-label-primary); }
 /* Labels render at natural width, centered over their block — a 2-digit "12" over a 14px turn bar overflows the