diff --git a/frontend/packages/swarm-ui/src/pages/agents/AgentTermPreview.css b/frontend/packages/swarm-ui/src/pages/agents/AgentTermPreview.css
index 69e54d53..c6ea8838 100644
--- a/frontend/packages/swarm-ui/src/pages/agents/AgentTermPreview.css
+++ b/frontend/packages/swarm-ui/src/pages/agents/AgentTermPreview.css
@@ -43,11 +43,11 @@
    `min-height: 0` is what actually lets the item shrink below its
    content's natural height so `.live.terminal`'s own `overflow-y: auto`
    (terminal.css) scrolls instead of the whole column growing past its
-   container. `!important`-free, but the `max-height: none` overrides
-   below rely on source order (equal specificity to the un-modified
-   rules above — same class count on both sides), not on being "more
-   specific" — keep this block after the un-modified one if this file
-   is ever reordered. */
+   container. `!important`-free — the `max-height: none` overrides
+   below already carry one more class in the selector than the
+   un-modified rules above (`.ui-agent-term-preview-full` prefixing
+   each), so they're strictly more specific and win regardless of
+   source order. */
 .ui-agent-term-preview-full {
   display: flex;
   flex-direction: column;