diff --git a/containers/libreportal/frontend/css/forms.css b/containers/libreportal/frontend/css/forms.css
index 44638e1..5b18a11 100644
--- a/containers/libreportal/frontend/css/forms.css
+++ b/containers/libreportal/frontend/css/forms.css
@@ -350,17 +350,19 @@ select.form-control:focus {
   user-select: none;
 }
 
-/* Config page checkboxes */
+/* Config page checkboxes — mirror the .form-control field box (same radius,
+   padding, fill and border) so a toggle reads as the same field surface as the
+   inputs beside it instead of a lighter, slightly-off box. */
 .checkbox-label {
   display: flex;
   align-items: center;
   cursor: pointer;
-  padding: 10px 16px;
+  padding: 12px 16px;
   min-height: 44px;
-  border-radius: 10px;
+  border-radius: 8px;
   transition: background 0.18s ease, border-color 0.18s ease;
-  background: rgba(var(--text-rgb), 0.04);
-  border: 1px solid rgba(var(--text-rgb), 0.10);
+  background: rgba(var(--text-rgb), 0.05);
+  border: 1px solid rgba(var(--text-rgb), 0.20);
 }
 
 /* In a multi-column config row the toggle cell only contains the
diff --git a/containers/libreportal/frontend/css/style.css b/containers/libreportal/frontend/css/style.css
index 7a4ee06..8251dbb 100755
--- a/containers/libreportal/frontend/css/style.css
+++ b/containers/libreportal/frontend/css/style.css
@@ -2078,9 +2078,9 @@ html[data-theme="nebula"]::after {
 
 .domains-divider {
   width: 100%;
-  height: 2px;
-  background: var(--primary-color, var(--accent));
-  margin-bottom: 20px;
+  height: 1px;
+  background: rgba(var(--text-rgb), 0.08);
+  margin-bottom: 18px;
 }
 
 .add-domain-btn {