diff --git a/packages/builder/src/components/userInterface/ItemTab/Item.svelte b/packages/builder/src/components/userInterface/ItemTab/Item.svelte
index af78d2e01..cd51e4256 100644
--- a/packages/builder/src/components/userInterface/ItemTab/Item.svelte
+++ b/packages/builder/src/components/userInterface/ItemTab/Item.svelte
@@ -12,7 +12,6 @@
 </div>
 
 <style>
-
   .item-item {
     display: flex;
     flex-direction: column;
@@ -31,6 +30,7 @@
   .item-item:hover {
     background: var(--grey);
     border-radius: 3px;
+    transition: all 0.2s;
   }
 
   .item-icon {
@@ -48,7 +48,6 @@
     font-weight: 400;
   }
 
-
   i {
     font-size: 24px;
     color: var(--ink-light);