diff --git a/components/WeaponHovercard/index.scss b/components/WeaponHovercard/index.scss
index a9f5bd57..b5105f24 100644
--- a/components/WeaponHovercard/index.scss
+++ b/components/WeaponHovercard/index.scss
@@ -1,41 +1,45 @@
-.Weapon.Hovercard {
-  .skills {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    padding-right: $unit * 2;
+.Hovercard {
+  z-index: 99;
 
-    .axSkill {
-      align-items: center;
+  .Weapon.HovercardContent {
+    .skills {
       display: flex;
       flex-direction: row;
+      justify-content: space-between;
+      padding-right: $unit * 2;
 
-      &.primary img {
-        height: 64px;
-        width: 64px;
-      }
+      .axSkill {
+        align-items: center;
+        display: flex;
+        flex-direction: row;
 
-      &.secondary {
-        gap: $unit * 1.5;
+        &.primary img {
+          height: 64px;
+          width: 64px;
+        }
 
-        img {
-          height: 36px;
-          width: 36px;
+        &.secondary {
+          gap: $unit * 1.5;
+
+          img {
+            height: 36px;
+            width: 36px;
+          }
+        }
+
+        span {
+          font-size: $font-small;
+          font-weight: $medium;
+          text-align: center;
         }
       }
+    }
 
-      span {
-        font-size: $font-small;
-        font-weight: $medium;
-        text-align: center;
-      }
+    .weaponKeys {
+      display: flex;
+      flex-direction: column;
+      font-size: $normal;
+      gap: calc($unit / 2);
     }
   }
-
-  .weaponKeys {
-    display: flex;
-    flex-direction: column;
-    font-size: $normal;
-    gap: calc($unit / 2);
-  }
 }