diff --git a/src/renderer/components/hotbar/hotbar-icon.scss b/src/renderer/components/hotbar/hotbar-icon.scss
index b01c035a8a..71f414e507 100644
--- a/src/renderer/components/hotbar/hotbar-icon.scss
+++ b/src/renderer/components/hotbar/hotbar-icon.scss
@@ -24,6 +24,10 @@
       }
     }
 
+    &:hover {
+      box-shadow: 0 0 0px 3px $clusterMenuBackground, 0 0 0px 6px #fff;
+    }
+
     &.isDragging {
       box-shadow: none;
     }
diff --git a/src/renderer/components/hotbar/hotbar-menu.scss b/src/renderer/components/hotbar/hotbar-menu.scss
index 88236a8c78..b609890827 100644
--- a/src/renderer/components/hotbar/hotbar-menu.scss
+++ b/src/renderer/components/hotbar/hotbar-menu.scss
@@ -45,10 +45,8 @@
       border-radius: 6px;
       position: relative;
 
-      &:hover {
-        &:not(:empty) {
-          box-shadow: 0 0 0px 3px $clusterMenuBackground, 0 0 0px 6px #fff;
-        }
+      &.isDraggingOver {
+        box-shadow: 0 0 0px 3px $clusterMenuBackground, 0 0 0px 6px #fff;
       }
 
       &.animating {