From 4a2fe460783e0fc1c9e2bc9610b7d93274612ff0 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Tue, 27 Dec 2022 08:36:29 -0800
Subject: [PATCH] Fix sizing and hover behavior for desktop

---
 components/UncapStar/index.scss | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

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);