Differentiate hover state from active state for sprite selector

src/components/sprite-selector-item/sprite-selector-item.css

@@ -21,12 +21,15 @@
     transition: 0.25s ease-out;
 }
 
-.sprite-selector-item:hover, .sprite-selector-item.is-selected {
-    border-width: 2px;
-    border-color: $motion-primary;
+.sprite-selector-item.is-selected {
+    border: 2px solid $motion-primary;
     box-shadow: 0px 0px 0px 3px $motion-transparent;
 }
 
+.sprite-selector-item:hover {
+    border: 2px solid $motion-primary;
+}
+
 .sprite-image {
     margin: auto;
     user-select: none;

src/components/stage-selector/stage-selector.css

@@ -22,11 +22,15 @@ $header-height: calc($stage-menu-height - 2px);
     transition: border-color 0.25s ease-out, box-shadow 0.25s ease-out;
 }
 
-.stage-selector:hover, .stage-selector.is-selected {
+.stage-selector.is-selected {
     border-color: $motion-primary;
     box-shadow: 0px 0px 0px 3px $motion-transparent;
 }
 
+.stage-selector:hover {
+    border-color: $motion-primary;
+}
+
 .header {
     display: flex;
     flex-direction: column;