diff --git a/src/scss/_modifiers.scss b/src/scss/_modifiers.scss
index 10ed5d4..c2f8a67 100644
--- a/src/scss/_modifiers.scss
+++ b/src/scss/_modifiers.scss
@@ -54,7 +54,6 @@ Rating Component
     }
   }
 
-
   /*Half stars
   ====================================================*/
 
@@ -145,7 +144,6 @@ Direction
     direction: ltr;
   }
 
-
   /* Star Type
   ====================================================*/
   &.star-icon {
@@ -155,7 +153,6 @@ Direction
     @extend .star.svg;
   }
 
-
   /* Sizes
   ==========================================================*/
   &.small {
@@ -201,31 +198,51 @@ Direction
   &.color-default {
     .star-container {
       .star {
-        @extend .default;
+        svg {
+          fill: $color-default-rating;
+        }
+        i {
+          color: $color-default-rating;
+        }
       }
     }
   }
 
-  &.color-negative {
+  &.color-middle {
     .star-container {
-      .star{
-        @extend .negative;
+      .star {
+        svg {
+          fill: $color-middle-rating;
+        }
+        i {
+          color: $color-middle-rating;
+        }
       }
     }
   }
 
-  &.color-middle {
+  &.color-positive {
     .star-container {
       .star {
-        @extend .middle;
+        svg {
+          fill: $color-positive-rating;
+        }
+        i {
+          color: $color-positive-rating;
+        }
       }
     }
   }
 
-  &.color-positive {
+  &.color-negative {
     .star-container {
       .star {
-        @extend .positive;
+        svg {
+          fill: $color-negative-rating;
+        }
+        i {
+          color: $color-negative-rating;
+        }
       }
     }
   }