diff --git a/src/scss/cdb-components/boxes.scss b/src/scss/cdb-components/boxes.scss
index 284631f..3c104b4 100644
--- a/src/scss/cdb-components/boxes.scss
+++ b/src/scss/cdb-components/boxes.scss
@@ -7,7 +7,7 @@
 
 ```
   <div class="CDB-Box-Modal">&nbsp;</div>
-``` 
+```
 */
 
 @import '../cdb-variables/sizes';
diff --git a/src/scss/cdb-components/forms/checkbox.scss b/src/scss/cdb-components/forms/checkbox.scss
index fc8d913..a6902d4 100644
--- a/src/scss/cdb-components/forms/checkbox.scss
+++ b/src/scss/cdb-components/forms/checkbox.scss
@@ -21,8 +21,8 @@
   border: 1px solid $cMainLine;
   border-radius: 3px;
 
-  &:before,
-  &:after {
+  &::before,
+  &::after {
     display: block;
     position: absolute;
     bottom: 3px;
@@ -32,13 +32,13 @@
     content: '';
   }
 
-  &:before {
+  &::before {
     right: $baseSize / 2;
     height: $baseSize;
     transform: rotate(45deg);
   }
 
-  &:after {
+  &::after {
     left: $baseSize / 2;
     height: $baseSize - 2;
     transform: rotate(-45deg);
@@ -52,8 +52,8 @@
       border: 1px solid $cBlue;
     }
 
-    &:before,
-    &:after {
+    &::before,
+    &::after {
       background: $cWhite;
     }
   }
@@ -74,8 +74,8 @@
       border: 1px solid $cSecondaryLine;
     }
 
-    &:before,
-    &:after {
+    &::before,
+    &::after {
       background: $cWhite;
     }
   }
diff --git a/src/scss/cdb-components/forms/radio.scss b/src/scss/cdb-components/forms/radio.scss
index 9f4daf6..1655323 100644
--- a/src/scss/cdb-components/forms/radio.scss
+++ b/src/scss/cdb-components/forms/radio.scss
@@ -22,7 +22,7 @@
   border: 1px solid $cMainLine;
   border-radius: 50%;
 
-  &:before {
+  &::before {
     display: block;
     position: absolute;
     top: 50%;
@@ -44,7 +44,7 @@
       border: 1px solid $cBlue;
     }
 
-    &:before {
+    &::before {
       background: $cWhite;
     }
   }
@@ -65,7 +65,7 @@
       border: 1px solid $cSecondaryLine;
     }
 
-    &:before {
+    &::before {
       background: $cWhite;
     }
   }
diff --git a/src/scss/cdb-components/forms/sliders.scss b/src/scss/cdb-components/forms/sliders.scss
index e326c02..23461e9 100644
--- a/src/scss/cdb-components/forms/sliders.scss
+++ b/src/scss/cdb-components/forms/sliders.scss
@@ -37,7 +37,7 @@
   background: $cMainLine;
 }
 
-.CDB-Range::-webkit-slider-thumb:before {
+.CDB-Range::-webkit-slider-thumb::before {
   position: absolute;
   top: 0;
   right: 0;
@@ -49,7 +49,7 @@
   content: '';
 }
 
-.CDB-Range::-webkit-slider-thumb:after {
+.CDB-Range::-webkit-slider-thumb::after {
   position: absolute;
   top: -6px;
   right: -6px;
@@ -69,16 +69,16 @@
   outline: none;
 }
 
-.CDB-Range:hover::-webkit-slider-thumb:after,
-.CDB-Range:focus::-webkit-slider-thumb:after {
+.CDB-Range:hover::-webkit-slider-thumb::after,
+.CDB-Range:focus::-webkit-slider-thumb::after {
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.64);
   cursor: pointer;
 }
 
-.CDB-Range:disabled::-webkit-slider-thumb:before {
+.CDB-Range:disabled::-webkit-slider-thumb::before {
   opacity: 0.2;
 }
 
-.CDB-Range:disabled::-webkit-slider-thumb:after {
+.CDB-Range:disabled::-webkit-slider-thumb::after {
   opacity: 0.2;
 }