diff --git a/app/webpacker/css/admin/plugins/jstree.scss b/app/webpacker/css/admin/plugins/jstree.scss
index 4ae9f82baf..3980d6711e 100644
--- a/app/webpacker/css/admin/plugins/jstree.scss
+++ b/app/webpacker/css/admin/plugins/jstree.scss
@@ -8,7 +8,7 @@
   }
   
   .jstree-icon {
-    @extend [class^="icon-"]:before;
+    @extend [class^="icon-"], :before;
   }
 
   .jstree-open > .jstree-icon {    
@@ -46,7 +46,7 @@
 #jstree-marker {
   background-image: none !important;
   background-color: transparent !important;
-  @extend [class^="icon-"]:before;   
+  @extend [class^="icon-"], :before;
 }
 #vakata-dragged.jstree-apple .jstree-invalid {
   @extend .icon-remove;  
diff --git a/app/webpacker/css/admin/plugins/select2.scss b/app/webpacker/css/admin/plugins/select2.scss
index d290394819..d3f354148b 100644
--- a/app/webpacker/css/admin/plugins/select2.scss
+++ b/app/webpacker/css/admin/plugins/select2.scss
@@ -32,7 +32,7 @@
       background-image: none !important;
       font-size: 100% !important;
       @extend .icon-remove;
-      @extend [class^="icon-"]:before;
+      @extend [class^="icon-"], :before;
       margin-top: 2px;
     }
   }
@@ -66,7 +66,7 @@
   padding: 0 9px 0 0;
 
   &:before {
-    @extend [class^="icon-"]:before;
+    @extend [class^="icon-"], :before;
 
     position: absolute;
     top: 13px;
@@ -174,7 +174,7 @@
         background-image: none !important;
         font-size: 85% !important;
         @extend .icon-remove;
-        @extend [class^="icon-"]:before;
+        @extend [class^="icon-"], :before;
         margin-left: 2px;
         color: $color-1;
       }
diff --git a/app/webpacker/css/admin/shared/icons.scss b/app/webpacker/css/admin/shared/icons.scss
index a2de27ba99..4cfb87639f 100644
--- a/app/webpacker/css/admin/shared/icons.scss
+++ b/app/webpacker/css/admin/shared/icons.scss
@@ -15,12 +15,12 @@
   }
 }
 
-.icon-email:before    { @extend .icon-envelope:before }
-.icon-resend_authorization_email:before    { @extend .icon-envelope:before }
-.icon-resume:before   { @extend .icon-refresh:before  }
+.icon-email:before    { @extend .icon-envelope, :before }
+.icon-resend_authorization_email:before    { @extend .icon-envelope, :before }
+.icon-resume:before   { @extend .icon-refresh, :before  }
 
 .icon-cancel:before,
-.icon-void:before     { @extend .icon-remove:before   }
+.icon-void:before     { @extend .icon-remove, :before   }
 
-.icon-capture:before  { @extend .icon-ok:before       }
-.icon-credit:before   { @extend .icon-ok:before       }
+.icon-capture:before  { @extend .icon-ok, :before       }
+.icon-credit:before   { @extend .icon-ok, :before       }
diff --git a/app/webpacker/css/admin/shared/tables.scss b/app/webpacker/css/admin/shared/tables.scss
index 93b3a5070d..c4ee0e79ac 100644
--- a/app/webpacker/css/admin/shared/tables.scss
+++ b/app/webpacker/css/admin/shared/tables.scss
@@ -107,7 +107,7 @@ table {
     }
 
     .handle {
-      @extend [class^="icon-"]:before;
+      @extend [class^="icon-"], :before;
       @extend .icon-reorder;
       cursor: move;
     }