diff --git a/containers/libreportal/frontend/components/apps/overview/css/overview.css b/containers/libreportal/frontend/components/apps/overview/css/overview.css
index bcfc362..26e06c2 100644
--- a/containers/libreportal/frontend/components/apps/overview/css/overview.css
+++ b/containers/libreportal/frontend/components/apps/overview/css/overview.css
@@ -283,11 +283,17 @@
    .tab-button rule does this for app/Migrate sub-tabs; .category needs its own). */
 #overview-view #ov-pane-backups .backup-layout > .sidebar .category:first-child { border-top-left-radius: 12px; }
 #overview-view #ov-pane-backups .backup-layout > .sidebar .category:last-child { border-top-right-radius: 12px; }
-/* The content area becomes the connected .tabs-content card (visible surface,
-   rounded bottom) so the strip + body read as one unit, like the app Config tab. */
+/* .main is just the layout column now — the visible card surface lives on the
+   body below (so it stops above the footer buttons), exactly like the app
+   Config tab where .tabs-content is the card and .config-actions sits outside. */
 #overview-view #ov-pane-backups .backup-layout > .main {
   width: 100%;
   min-width: 0;
+  background: transparent;
+}
+/* The body is the connected .tabs-content card: card surface + rounded bottom
+   corners, joining the tab strip above so the strip + body read as one unit. */
+#overview-view #ov-pane-backups .backup-page-body {
   background: var(--card-bg);
   border-radius: 0 0 12px 12px;
 }
@@ -303,17 +309,19 @@
 #overview-view #ov-pane-backups .backup-page-section > .page-header {
   order: 2;
   border-bottom: none;
-  border-top: 1px solid rgba(var(--text-rgb), 0.08);
+  border-top: none;
+  background: transparent;
   margin-bottom: 0;
-  padding: 16px 22px;
+  /* Flush-left under the card, matching .config-actions (left padding 0). */
+  padding: 16px 22px 8px 0;
 }
 #overview-view #ov-pane-backups .backup-page-section > .page-header .page-header-icon-slot,
 #overview-view #ov-pane-backups .backup-page-section > .page-header .page-header-title {
   display: none;
 }
 #overview-view #ov-pane-backups .backup-page-body { order: 1; }
-/* The export dropdown anchors below the actions; with the actions now at the
-   card's bottom edge it must open upward (and leftward) to stay on the card. */
+/* The footer row sits low on the page, so the export dropdown opens upward
+   (and leftward) to stay on-screen rather than clipping past the viewport. */
 #overview-view #ov-pane-backups .backup-page-section > .page-header .backup-export-menu {
   top: auto;
   bottom: calc(100% + 6px);