diff --git a/src/renderer/components/hotbar/hotbar-icon.module.css b/src/renderer/components/hotbar/hotbar-icon.module.css
index 44346c7058..952d871ffc 100644
--- a/src/renderer/components/hotbar/hotbar-icon.module.css
+++ b/src/renderer/components/hotbar/hotbar-icon.module.css
@@ -25,9 +25,9 @@
 
   display: flex;
   cursor: pointer;
-  transition: none;
   position: relative;
   border-radius: var(--border-radius);
+  transition: box-shadow 0.1s ease-in-out;
 
   &:not(.active):hover {
     box-shadow: var(--iconHoverShadow);