diff --git a/client/src/index.css b/client/src/index.css
index 451e2a2f..a0148945 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -463,18 +463,6 @@
     display: none;
   }
 
-  /* The run console's terminal attaches to tmux, which repaints the whole pane
-     on every frame — xterm's own scrollback stays empty forever, so its
-     viewport scrollbar renders as a groove with no thumb that never moves.
-     Scrolling there goes through mouse reports to the pane's program, not the
-     DOM, so hide the dead affordance. */
-  .xterm-viewport {
-    scrollbar-width: none;
-  }
-  .xterm-viewport::-webkit-scrollbar {
-    display: none;
-  }
-
   /* Visually hidden until focused — first Tab lands here before the sidebar. */
   .skip-to-content {
     position: absolute;
@@ -651,3 +639,17 @@
 .md-preview img {
   max-width: 100%;
 }
+
+/* The run console's terminal attaches to tmux, which repaints the whole pane
+   on every frame — xterm's own scrollback stays empty forever, so its
+   viewport scrollbar renders as a groove with no thumb that never moves.
+   Scrolling there goes through mouse reports to the pane's program, not the
+   DOM, so hide the dead affordance. Deliberately OUTSIDE `@layer utilities`:
+   Tailwind purges a layered rule whose class never appears in the source, and
+   xterm creates `.xterm-viewport` at runtime. */
+.xterm-viewport {
+  scrollbar-width: none;
+}
+.xterm-viewport::-webkit-scrollbar {
+  display: none;
+}