diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5258f37..c095d6d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,7 +4,7 @@
 `architecture/02-controller-module-map.md` „The app page" (`[DESIGN]`, operator-approved 2026-10-16, section style A).
 
 - **Panels (style A).** The hero, the tab bar and every section of the four tabs are panels on `--bg-1`, the column's
-  full width, 16px apart; the open tab is filled `--bg-2` with a 2px `--blue-bright` underline; a panel's title sits 18px
+  full width, 16px apart (the hero keeps 16px below it on the install page too); the open tab is filled `--bg-2` with a 2px `--blue-bright` underline; a panel's title sits 18px
   from its top edge with a soft rule under it. The install page's form groups and its progress panel use the same rule.
   The settings tab's inner 700px wrapper is gone (it made the settings panels narrower than the column).
 - **„Belépés az alkalmazásba"** — one panel with the app's login name and password side by side (stacked under 720px),
diff --git a/controller/internal/web/templates/style.css b/controller/internal/web/templates/style.css
index e87bd0b..0da2fbc 100644
--- a/controller/internal/web/templates/style.css
+++ b/controller/internal/web/templates/style.css
@@ -1344,7 +1344,9 @@ a.stat-card:hover {
     border: 1px solid var(--line);
     border-radius: var(--radius);
     padding: 20px 24px;
-    margin-top: 16px;
+    /* 16px both ways. Below it the tab bar's own 16px collapses into this one; on the install page
+       (no tab bar) it keeps the memory box and the form off the header. */
+    margin: 16px 0;
 }
 .app-hero-logo {
     width: 64px; height: 64px;