diff --git a/containers/libreportal/frontend/components/apps/core/css/apps.css b/containers/libreportal/frontend/components/apps/core/css/apps.css
index b6dc5d1..108ac7f 100644
--- a/containers/libreportal/frontend/components/apps/core/css/apps.css
+++ b/containers/libreportal/frontend/components/apps/core/css/apps.css
@@ -450,8 +450,12 @@
   font-weight: 600;
 }
 
-/* Family switcher bar — sits under the app title, above the tab strip. */
+/* Family switcher bar — full-width row under the title/service buttons. The
+   app-detail header is a flex row, so wrap it and make the bar span 100%. */
+#app-detail-view .app-header { flex-wrap: wrap; }
 .instance-family-bar {
+  flex: 0 0 100%;
+  width: 100%;
   display: flex;
   align-items: center;
   gap: 12px;