diff --git a/frontend/packages/dashboard/src/common.css b/frontend/packages/dashboard/src/common.css
index 5993c10a..47ec4c26 100644
--- a/frontend/packages/dashboard/src/common.css
+++ b/frontend/packages/dashboard/src/common.css
@@ -525,14 +525,17 @@ body.side-panel-resizing * { cursor: ew-resize !important; }
   font-weight: bold;
   letter-spacing: 0.02em;
 }
+/* Tint composited over the opaque elevated-surface grey (not transparent):
+   the bar is `position: sticky`, so a see-through background would let
+   page content scroll through behind it. */
 .server-warn-warn {
   color: var(--amber);
-  background: color-mix(in srgb, var(--amber) 16%, transparent);
+  background: color-mix(in srgb, var(--amber) 16%, var(--bg-elev));
   border-bottom: 1px solid var(--amber);
 }
 .server-warn-crit {
   color: var(--red);
-  background: color-mix(in srgb, var(--red) 18%, transparent);
+  background: color-mix(in srgb, var(--red) 18%, var(--bg-elev));
   border-bottom: 1px solid var(--red);
 }