diff --git a/assets/icons/_icon-mixin.scss b/assets/icons/_icon-mixin.scss
index 751f37a..48a164d 100644
--- a/assets/icons/_icon-mixin.scss
+++ b/assets/icons/_icon-mixin.scss
@@ -1,6 +1,6 @@
 @mixin icon($name, $code, $prefix: 'ion-') {
   .#{$prefix}#{$name} {
-    &:before {
+    &::before {
       content: '#{$code}';
     }
   }
diff --git a/scss/modules/_leaflet.scss b/scss/modules/_leaflet.scss
index be3a39f..409dc2d 100644
--- a/scss/modules/_leaflet.scss
+++ b/scss/modules/_leaflet.scss
@@ -12,7 +12,7 @@
     white-space: nowrap;
     z-index: 6;
 
-    &:before {
+    &::before {
       display: none;
     }
   }
diff --git a/scss/modules/_table.scss b/scss/modules/_table.scss
index b29c107..c3b8120 100644
--- a/scss/modules/_table.scss
+++ b/scss/modules/_table.scss
@@ -62,7 +62,7 @@ th {
   }
 
   &.sort-up, &.sort-down {
-    &:after {
+    &::after {
       opacity: .4;
       visibility: visible;
     }