diff --git a/components/UncapStar/index.scss b/components/UncapStar/index.scss
index 3320e197..ed9bfeb1 100644
--- a/components/UncapStar/index.scss
+++ b/components/UncapStar/index.scss
@@ -1,16 +1,18 @@
 .UncapStar {
   $size: 18px;
 
-  @media (max-width: $tablet) {
-    $size: 12px;
-  }
-
   background-repeat: no-repeat;
   background-size: $size;
   display: block;
   height: $size;
   width: $size;
 
+  @media (max-width: $phone) {
+    background-size: 12px;
+    height: 12px;
+    width: 12px;
+  }
+
   @media (min-width: $laptop) {
     &:hover {
       transform: scale(1.2);