diff --git a/containers/libreportal/frontend/core/forms/css/forms.css b/containers/libreportal/frontend/core/forms/css/forms.css
index 80330ec..83abc7f 100644
--- a/containers/libreportal/frontend/core/forms/css/forms.css
+++ b/containers/libreportal/frontend/core/forms/css/forms.css
@@ -519,8 +519,16 @@ select.form-control:focus {
   margin-bottom: 0;
 }
 
+/* Each config field sits in its own light, translucent card — same glass
+   recipe as .admin-card (var(--card-bg) fill + faint hairline border + 12px
+   radius) — so options read as discrete grouped controls rather than a loose
+   stack. The .panel-fields flex gap (16px) handles spacing between cards. */
 .app-config .form-field {
-  margin-bottom: 16px;
+  margin-bottom: 0;
+  padding: 16px;
+  border: 1px solid rgba(var(--text-rgb), 0.10);
+  border-radius: 12px;
+  background: var(--card-bg);
 }
 
 .app-config .form-label {