diff --git a/src/pretix/static/pretixcontrol/scss/_forms.scss b/src/pretix/static/pretixcontrol/scss/_forms.scss
index 74aeed6855..5d5f773249 100644
--- a/src/pretix/static/pretixcontrol/scss/_forms.scss
+++ b/src/pretix/static/pretixcontrol/scss/_forms.scss
@@ -642,25 +642,27 @@ table td > .checkbox input[type="checkbox"] {
 
 #rules-editor {
   .checkin-rule {
-    border-left: 4px solid transparentize($brand-primary, .5);
-    background: rgba(0, 0, 0, 0.05);
-    padding: 5px 15px 5px 15px;
+    border: 1px solid lighten(#000, 80%);
+    border-left: 4px solid lighten(#000, 80%);
+    border-radius: $border-radius-base;
+    padding: 10px 15px 10px 15px;
     margin: 5px 0;
     position: relative;
     &:hover {
+      border-color: $brand-primary;
       border-left-color: $brand-primary;
     }
   }
 
   .checkin-rule-and {
-    border-left: 4px solid transparentize($brand-danger, .5);
     &:hover {
+      border-color: $brand-danger;
       border-left-color: $brand-danger;
     }
   }
   .checkin-rule-or {
-    border-left: 4px solid transparentize($brand-success, .5);
     &:hover {
+      border-color: $brand-success;
       border-left-color: $brand-success;
     }
   }