diff --git a/static/css/custom.css b/static/css/custom.css
index 829d5b3..8b6af55 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -1978,24 +1978,32 @@ body, .card, .modal-content, .form-control, .form-select,
     gap: 0.35rem;
 }
 
-/* --- Group header (collapsible section divider for group-by mode) --- */
+/* --- Group header (collapsible section divider for group-by mode).
+       IMPORTANT: display: flex MUST be on the <td>, NOT on the <tr>.
+       Setting display on a <tr> removes it from table row/column
+       participation — colspan is ignored, the row shrinks to intrinsic
+       content width, and the meta wraps into an ugly 5-char column.
+       (This was the root cause of the Apr 2026 narrow-wrap screenshot.)
+       The <td> is an ordinary block box and flexes fine. --- */
 .adj-group-header {
     cursor: pointer;
-    padding: 0.75rem 1rem;
     background: var(--bg-inset);
     border-top: 1px solid var(--border-default);
     border-bottom: 1px solid var(--border-default);
+    user-select: none;
+    transition: background-color 120ms;
+}
+.adj-group-header > td {
+    padding: 0.75rem 1rem;
     display: flex;
     align-items: center;
     gap: 0.75rem;
-    user-select: none;
-    transition: background-color 120ms;
 }
 .adj-group-header:hover { background: var(--bg-card-hover); }
 .adj-group-header .fa-chevron-down,
 .adj-group-header .fa-chevron-right { opacity: 0.7; width: 0.8rem; }
 .adj-group-header .adj-group-label   { font-weight: 600; }
-.adj-group-header .adj-group-meta    { color: var(--text-secondary); font-size: 0.875rem; margin-left: auto; }
+.adj-group-header .adj-group-meta    { color: var(--text-secondary); font-size: 0.875rem; margin-left: auto; white-space: nowrap; }
 
 /* --- By-Type group headers: 4px left-accent picks up the type's signature
        badge colour so grouped rows visually echo the badges below.