diff --git a/l4d2web/static/css/components.css b/l4d2web/static/css/components.css
index badfbf3..32e1d0c 100644
--- a/l4d2web/static/css/components.css
+++ b/l4d2web/static/css/components.css
@@ -206,7 +206,10 @@ dialog.modal::backdrop {
 
 .file-tree-row {
   display: flex;
-  gap: var(--space-s);
+  /* Row-gap 0 so the wrapped .file-tree-children div sits directly under
+     the toggle button; vertical spacing is owned exclusively by the
+     outer grid's gap and the nested ul's margin-top. */
+  gap: 0 var(--space-s);
   align-items: baseline;
   flex-wrap: wrap;
 }