diff --git a/containers/libreportal/frontend/css/services.css b/containers/libreportal/frontend/css/services.css
index 4836a97..7154dfc 100644
--- a/containers/libreportal/frontend/css/services.css
+++ b/containers/libreportal/frontend/css/services.css
@@ -273,13 +273,25 @@ body:not(.lp-ui--advanced) .service-rich { display: none; }
 }
 .services-title-main { flex: 1; min-width: 0; }
 
+/* Contained chip wrapper so the toggle reads as a control sitting next
+   to whatever action buttons share its row, instead of floating. Same
+   neutral bg/border recipe a .task-btn uses for its resting state. */
 .lp-ui-advanced-toggle {
   display: inline-flex;
   align-items: center;
-  gap: 8px;
+  gap: 10px;
   cursor: pointer;
   user-select: none;
   flex-shrink: 0;
+  padding: 6px 12px;
+  background: rgba(var(--text-rgb), 0.06);
+  border: 1px solid rgba(var(--text-rgb), 0.15);
+  border-radius: 8px;
+  transition: background .15s ease, border-color .15s ease;
+}
+.lp-ui-advanced-toggle:hover {
+  background: rgba(var(--text-rgb), 0.10);
+  border-color: rgba(var(--text-rgb), 0.25);
 }
 .lp-ui-advanced-toggle input {
   position: absolute;
@@ -295,6 +307,10 @@ body:not(.lp-ui--advanced) .service-rich { display: none; }
   transition: background .15s ease;
   flex-shrink: 0;
 }
+/* Thumb stays white in both states — matching .eo-toggle / .routing-toggle
+   elsewhere. The previous checked-state fill used --text-on-accent
+   which resolves to a dark navy on the default theme and read as a
+   "black circle" inside the accent track. */
 .lp-ui-advanced-toggle-thumb {
   position: absolute;
   top: 2px;
@@ -303,14 +319,13 @@ body:not(.lp-ui--advanced) .service-rich { display: none; }
   height: 14px;
   background: var(--text-primary);
   border-radius: 50%;
-  transition: transform .15s ease, background .15s ease;
+  transition: transform .15s ease;
 }
 .lp-ui-advanced-toggle input:checked + .lp-ui-advanced-toggle-track {
   background: var(--accent);
 }
 .lp-ui-advanced-toggle input:checked + .lp-ui-advanced-toggle-track .lp-ui-advanced-toggle-thumb {
   transform: translateX(16px);
-  background: var(--text-on-accent, #0a1426);
 }
 .lp-ui-advanced-toggle-label {
   font-size: 0.78rem;