diff --git a/templates/multiFileField.lucius b/templates/multiFileField.lucius
index 9f371dc11..21712010e 100644
--- a/templates/multiFileField.lucius
+++ b/templates/multiFileField.lucius
@@ -6,7 +6,7 @@
 
   .checkbox {
     display: inline-block;
-    margin-left: 5px;
+    margin-left: 7px;
   }
 }
 
diff --git a/templates/standalone/inputs.lucius b/templates/standalone/inputs.lucius
index 1d902c208..4bbb74800 100644
--- a/templates/standalone/inputs.lucius
+++ b/templates/standalone/inputs.lucius
@@ -234,7 +234,8 @@ input[type="checkbox"]:checked::after {
     height: 24px;
     width: 24px;
     background-color: #f3f3f3;
-    box-shadow: inset 0 1px 2px 1px rgba(50,50,50,.05);
+    box-shadow: inset 0 1px 2px 1px rgba(50, 50, 50, 0.05);
+    border: 2px solid var(--color-primary);
     border-radius: 4px;
     color: white;
     cursor: pointer;
@@ -242,39 +243,41 @@ input[type="checkbox"]:checked::after {
 
   label::before,
   label::after {
-    content: '';
     position: absolute;
-    top: 11px;
-    left: 3px;
     display: block;
-    width: 18px;
+    top: 12px;
+    left: 8px;
     height: 2px;
+    width: 8px;
     background-color: var(--color-font);
-    transition: all .2s;
-    transform: scale(0.5, 0.1);
   }
 
   :checked + label {
     background-color: var(--color-primary);
-    text-decoration: underline;
+  }
+
+  :checked + label::before,
+  :checked + label::after {
+    content: '';
   }
 
   :checked + label::before {
     background-color: white;
-    transform: scale(1, 1) rotate(45deg);
+    transform: rotate(45deg);
+    left: 4px;
   }
 
   :checked + label::after {
     background-color: white;
-    transform: scale(1, 1) rotate(-45deg);
+    transform: rotate(-45deg);
+    top: 11px;
+    width: 13px;
   }
-}
 
-.radio label::before {
-  transform: scale(0.01, 0.01) rotate(45deg);
-}
-.radio label::after {
-  transform: scale(0.01, 0.01) rotate(-45deg);
+  [disabled] + label {
+    pointer-events: none;
+    border: none;
+  }
 }
 
 .radio::before {