Fix styles

components/Button/index.scss

@@ -50,6 +50,15 @@
             fill: #FF4D4D;
             stroke: #FF4D4D;
         }
+
+        &:hover {
+            color: darken(#FF4D4D, 30);
+
+            .icon svg {
+                fill: darken(#FF4D4D, 30);
+                stroke: darken(#FF4D4D, 30);
+            }
+        }
     }
 
     &.modal:hover {

components/GridRep/index.scss

@@ -7,7 +7,10 @@
 
     &:hover {
         background: white;
-        cursor: pointer;
+
+        h2, .Grid {
+            cursor: pointer;
+        }
 
         .Grid .weapon {
             box-shadow: inset 0 0 0 1px $grey-80;
@@ -68,6 +71,30 @@
             }
         }
 
+        .top {
+            display: flex;
+            flex-direction: row;
+            gap: $unit / 2;
+            align-items: center;
+
+            .info {
+                display: flex;
+                flex-direction: column;
+                flex-grow: 1;
+                gap: $unit / 2;
+            }
+
+            button svg {
+                width: 14px;
+                height: 14px;
+            }
+
+            button:hover,
+            button.Active {
+                background: $grey-90;
+            }
+        }
+
         .bottom {
             display: flex;
             flex-direction: row;