diff --git a/frontend/src/components/SidebarLink.vue b/frontend/src/components/SidebarLink.vue
index d7157286..b92cadce 100644
--- a/frontend/src/components/SidebarLink.vue
+++ b/frontend/src/components/SidebarLink.vue
@@ -1,10 +1,13 @@
 <template>
   <div
-    class="flex h-7 items-center rounded text-gray-800 cursor-pointer transition-all duration-300 ease-in-out"
+    class="flex h-7 items-center rounded text-gray-800 cursor-pointer duration-300 ease-in-out"
     :class="isActive ? 'bg-white shadow-sm' : 'hover:bg-gray-100'"
     @click="handleClick"
   >
-    <div class="flex items-center p-1">
+    <div
+      class="flex items-center duration-300 ease-in-out"
+      :class="isCollapsed ? 'p-1' : 'px-2 py-1'"
+    >
       <Tooltip :text="label" placement="right">
         <slot name="icon">
           <span class="grid h-5 w-6 place-items-center flex-shrink-0">
@@ -15,7 +18,9 @@
       <span
         class="flex-shrink-0 text-base duration-300 ease-in-out"
         :class="
-          isCollapsed ? 'opacity-0 ml-0 w-0 overflow-hidden' : 'opacity-100 ml-2 w-auto'
+          isCollapsed
+            ? 'opacity-0 ml-0 w-0 overflow-hidden'
+            : 'opacity-100 ml-2 w-auto'
         "
       >
         {{ label }}