diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9a7b2d5..8fcca08 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,12 @@
 ## v0.316.3 — the app page as one column, finished (2026-10-15)
 
+- **The column sat too far from the top and the sidebar.** `.app-page` carried the mockup's
+  `32px 48px 64px`, but the `.content` wrapper it lives in already supplies `2rem` (1rem on a
+  phone) — so the real gap was 64px from the top and 80px from the sidebar. `.app-page` now adds
+  no top or side padding of its own, only the extra room at the bottom. Reported by the operator
+  from the rendered page with DevTools open; the two paddings are visible there as `.content`
+  `padding: 2rem` and `.app-page` `padding: 32px 48px 64px`.
+
 **MinAgent: 0.155.0** (unchanged). A third number in one evening, and each one is the rule working:
 a version is pushed once, so a fix found after a push gets the next patch number rather than a
 second push of the old one.
diff --git a/controller/internal/web/templates/style.css b/controller/internal/web/templates/style.css
index 30c5c98..8df1498 100644
--- a/controller/internal/web/templates/style.css
+++ b/controller/internal/web/templates/style.css
@@ -1311,7 +1311,11 @@ a.stat-card:hover {
 
 .app-page {
     max-width: 820px;
-    padding: 32px 48px 64px;
+    /* NO top/side padding of its own: the `.content` wrapper this sits in already supplies 2rem
+       (1rem on a phone). Adding the mockup's 32/48 on top of that pushed the column 64px from the
+       top and 80px from the sidebar — the gap the operator called too big. Only the extra bottom
+       room is this element's to add. */
+    padding: 0 0 32px;
 }
 /* The log is the one tab whose content is genuinely wide: log lines are long, and wrapping them at
    820px makes them unreadable. */
@@ -1443,7 +1447,7 @@ a.stat-card:hover {
 .app-faq dd { color: var(--text-2); margin: .25rem 0 0; padding: 0; }
 
 @media (max-width: 720px) {
-    .app-page { padding: 20px 16px 48px; }
+    .app-page { padding: 0 0 24px; }
     .app-field-row { grid-template-columns: 1fr; gap: 4px; }
     .app-hero-actions { margin-left: 0; flex-basis: 100%; }
     .app-tabs { gap: 18px; }