diff --git a/containers/libreportal/frontend/components/apps/core/html/apps-unified-layout.html b/containers/libreportal/frontend/components/apps/core/html/apps-unified-layout.html
index 2494a88..1f17c9e 100755
--- a/containers/libreportal/frontend/components/apps/core/html/apps-unified-layout.html
+++ b/containers/libreportal/frontend/components/apps/core/html/apps-unified-layout.html
@@ -314,7 +314,9 @@
           <div class="tab-pane" data-tab="migrate" id="ov-pane-migrate">
             <!-- The in-content header (.ov-tab-header) is injected here by
                  mountMigrate() from OV_TAB_META, above the sub-tabs. -->
-            <!-- Cross-host area: nested segmented sub-tabs (Config-tab design). -->
+            <!-- Cross-host area: segmented sub-tabs in the canonical app-detail
+                 layout — .tabs-list and .tabs-content share one .tabs-wrapper so
+                 the strip joins the content card with no gap. -->
             <div class="tabs-wrapper ov-subtabs">
               <div class="tabs-list">
                 <button class="tab-button active" data-ov-subtab="restore" onclick="if(window.overviewManager) window.overviewManager.switchMigrateSub('restore')">
@@ -324,10 +326,10 @@
                   <span class="tab-emoji">🛰️</span><span class="tab-name">Peers</span>
                 </button>
               </div>
-            </div>
-            <div class="tabs-content ov-subtabs-content">
-              <div class="tab-panel active" data-ov-subtab="restore" id="ov-migrate-restore"></div>
-              <div class="tab-panel" data-ov-subtab="peers" id="ov-migrate-peers"></div>
+              <div class="tabs-content ov-subtabs-content">
+                <div class="tab-panel active" data-ov-subtab="restore" id="ov-migrate-restore"></div>
+                <div class="tab-panel" data-ov-subtab="peers" id="ov-migrate-peers"></div>
+              </div>
             </div>
           </div>
         </div>
diff --git a/containers/libreportal/frontend/components/apps/overview/css/overview.css b/containers/libreportal/frontend/components/apps/overview/css/overview.css
index a7f810a..0a2c6d2 100644
--- a/containers/libreportal/frontend/components/apps/overview/css/overview.css
+++ b/containers/libreportal/frontend/components/apps/overview/css/overview.css
@@ -134,7 +134,7 @@
   max-width: none;
   height: auto;
   min-height: 0;
-  margin: 0 0 16px;
+  margin: 0;          /* no gap — the strip joins the content card below */
   padding: 0;
   background: transparent;
   border: none;
@@ -179,15 +179,23 @@
   height: 16px;
   flex: 0 0 auto;
 }
+/* Round only the outer top corners to follow the strip's chrome (the global
+   .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. */
 #overview-view #ov-pane-backups .backup-layout > .main {
   width: 100%;
   min-width: 0;
+  background: var(--card-bg);
+  border-radius: 0 0 12px 12px;
 }
 
-/* ---- Migrate tab: nested segmented sub-tabs (per-app Config-tab design) -- */
-/* .tabs-wrapper/.tabs-list/.tab-button come from the global base.css; only the
-   panel show/hide is scoped here. */
-#overview-view .ov-subtabs { margin-bottom: 16px; }
+/* ---- Migrate tab: segmented sub-tabs (per-app Config-tab design) -------- */
+/* .tabs-wrapper/.tabs-list/.tabs-content/.tab-button come from base.css; the
+   list + content share one .tabs-wrapper (markup) so they join with no gap,
+   exactly like the app Config tab. Only the panel show/hide is scoped here. */
 #overview-view .ov-subtabs-content .tab-panel { display: none; }
 #overview-view .ov-subtabs-content .tab-panel.active { display: block; }
 
diff --git a/containers/libreportal/frontend/components/apps/overview/js/overview-manager.js b/containers/libreportal/frontend/components/apps/overview/js/overview-manager.js
index 21f340f..e9db4ab 100644
--- a/containers/libreportal/frontend/components/apps/overview/js/overview-manager.js
+++ b/containers/libreportal/frontend/components/apps/overview/js/overview-manager.js
@@ -473,7 +473,10 @@ class OverviewManager {
       // and #mobile-overlay). BackupPage selects its own nodes by class, so this
       // is safe; it just keeps the document free of duplicate ids.
       html = html.replace('id="sidebar"', '').replace('<div class="mobile-overlay" id="mobile-overlay"></div>', '');
-      pane.innerHTML = html;
+      // Lead with the shared in-content header (BackupPage supplies only its own
+      // per-section headers inside the layout), so Backups matches every other
+      // fleet tab. It persists across refreshes since revisits don't reset innerHTML.
+      pane.innerHTML = this.renderHeader('backups') + html;
       if (typeof BackupPage === 'undefined') {
         pane.innerHTML = '<div class="updater-empty">Backup center unavailable.</div>';
         return;