app/components/malio/sidebar/Sidebar.vue

@@ -3,7 +3,7 @@
     :id="componentId"
     :class="twMerge(
       'relative flex h-full flex-col bg-m-bg',
-      collapsed ? 'w-[72px]' : 'w-[280px]',
+      collapsed ? 'w-[72px]' : 'w-[232px]',
       sidebarClass,
     )"
     v-bind="$attrs"
@@ -28,7 +28,7 @@
         <div
           v-if="section.label"
           :class="[
-            'flex items-center gap-2 px-[10px] pt-2 pb-3',
+            'flex items-center gap-2 pt-2 pb-3',
             collapsed ? 'justify-center pt-[40px]' : '',
           ]"
         >
@@ -55,7 +55,7 @@
               :to="item.to"
               :class="twMerge(
                 'block truncate rounded-md text-[15px] text-m-text text-black transition-colors hover:bg-m-surface leading-[150%]',
-                collapsed ? 'px-3 text-center' : 'pl-[42px] pr-3',
+                collapsed ? 'px-3 text-center' : 'pl-[32px]',
               )"
             >
               <span v-if="!collapsed">{{ item.label }}</span>