diff --git a/l4d2web/l4d2web/static/css/components.css b/l4d2web/l4d2web/static/css/components.css
index 6b9971e..d544a2a 100644
--- a/l4d2web/l4d2web/static/css/components.css
+++ b/l4d2web/l4d2web/static/css/components.css
@@ -1043,8 +1043,11 @@ div.modal.modal-wide {
 .tab-pane[hidden] { display: none; }
 .tab-pane .log-stream { max-height: none; }  /* let pane handle scrolling */
 
-/* Console tab pane — input pinned at bottom, transcript scrolls. */
-.tab-pane[data-tab="console"] {
+/* Console tab pane — input pinned at bottom, transcript scrolls.
+   :not([hidden]) keeps .tab-pane[hidden] { display: none } winning
+   when the tab is inactive (otherwise these rules would tie on
+   specificity and the later rule would defeat the hidden state). */
+.tab-pane[data-tab="console"]:not([hidden]) {
   display: flex;
   flex-direction: column;
   /* inherits max-height: 12rem from .tab-pane */