diff --git a/src/css/ingame_hud/shop.scss b/src/css/ingame_hud/shop.scss
index 4ca01787..9b4dec7d 100644
--- a/src/css/ingame_hud/shop.scss
+++ b/src/css/ingame_hud/shop.scss
@@ -127,23 +127,31 @@
 
                         @include DarkThemeInvert;
 
+                        $disabledOpacity: 0.2;
+                        $enabledOpacity: 0.6;
+
                         &:hover {
-                            opacity: 0.7;
+                            opacity: $enabledOpacity + 0.1;
                         }
 
                         &.alreadyPinned {
-                            opacity: 0.3 !important;
+                            opacity: $disabledOpacity !important;
+
+                            &:hover {
+                                opacity: $disabledOpacity + 0.1 !important;
+                            }
                         }
 
                         &.isGoal {
-                            background: uiResource("icons/current_goal_marker.png") center center / 95% no-repeat;
-                            opacity: 0.3 !important;
+                            background: uiResource("icons/current_goal_marker.png") center center / 95%
+                                no-repeat;
+                            opacity: $disabledOpacity !important;
                             cursor: default;
                             pointer-events: none;
                         }
 
                         &.pinned {
-                            opacity: 0.3;
+                            opacity: $disabledOpacity;
                             @include InlineAnimation(0.3s ease-in-out) {
                                 0% {
                                     opacity: 1;
@@ -159,10 +167,13 @@
                                     transform: scale(1);
                                 }
                             }
+                            &:hover {
+                                opacity: $disabledOpacity + 0.1;
+                            }
                         }
 
                         &.unpinned {
-                            opacity: 0.6;
+                            opacity: $enabledOpacity;
                             @include InlineAnimation(0.3s ease-in-out) {
                                 0% {
                                     opacity: 1;
@@ -178,6 +189,9 @@
                                     transform: scale(1);
                                 }
                             }
+                            &:hover {
+                                opacity: $enabledOpacity + 0.1;
+                            }
                         }
                     }