diff --git a/src/scss/cdb-components/forms/checkbox.scss b/src/scss/cdb-components/forms/checkbox.scss
index 2f2b7f2..2890cf8 100644
--- a/src/scss/cdb-components/forms/checkbox.scss
+++ b/src/scss/cdb-components/forms/checkbox.scss
@@ -53,9 +53,8 @@
     bottom: 3px;
     width: 2px;
     border-radius: 1px;
-    background: $cSecondaryLine;
+    background: $cWhite;
     content: '';
-    opacity: 0;
   }
 
   &::before {
@@ -79,48 +78,38 @@
   &::before,
   &::after {
     background: $cWhite;
-    opacity: 1;
   }
 }
 
 .CDB-Checkbox:checked:hover + .CDB-Checkbox-face {
+  border: 1px solid $cBlue;
   &::before,
   &::after {
     background: $cWhite;
   }
 }
 
-.CDB-Checkbox:disabled + .CDB-Checkbox-face {
-  border: 1px solid $cSecondaryLine;
-  background: $cThirdBackground;
-}
-
-.CDB-Checkbox:disabled:hover + .CDB-Checkbox-face {
-  border: 1px solid $cSecondaryLine;
-  &::before,
-  &::after {
-    opacity: 0;
-  }
-}
-
-.CDB-Checkbox:checked:hover + .CDB-Checkbox-face,
-.CDB-Checkbox:focus + .CDB-Checkbox-face {
-  border: 1px solid $cBlue;
-}
-
-.CDB-Checkbox:focus + .CDB-Checkbox-face {
-  &::before,
-  &::after {
-    background: $cBlue;
-    opacity: 1;
-  }
-}
-
 .CDB-Checkbox:hover + .CDB-Checkbox-face {
   border: 1px solid $cHoverLine;
   &::before,
   &::after {
     background: $cHoverLine;
-    opacity: 1;
   }
 }
+.CDB-Checkbox:active + .CDB-Checkbox-face {
+  border: 1px solid $cBlue;
+  &::before,
+  &::after {
+    background: $cBlue;
+  }
+}
+
+.CDB-Checkbox:disabled + .CDB-Checkbox-face {
+  border: 1px solid $cSecondaryLine;
+  background: $cThirdBackground;
+  &::before,
+  &::after {
+    opacity: 0;
+  }
+}
+