diff --git a/src/components/SideMenus/index.vue b/src/components/SideMenus/index.vue
index 760555a..6bb21b8 100644
--- a/src/components/SideMenus/index.vue
+++ b/src/components/SideMenus/index.vue
@@ -3,7 +3,7 @@
         <div :class="['flex flex-col gap-[16px]', { 'mt-auto mb-[8px] shrink-1': item.id === 5 }]"
             v-for="(item) in menus" :key="item.id">
             <div :class="['cursor-pointer flex flex-col items-center justify-center']" @click="handleClick(item)">
-                <div :class="['box-border rounded-[16px] p-[8px] hover:bg-white', { 'bg-white': item.id === currentId }]">
+                <div :class="['box-border rounded-[16px] w-[48px] h-[48px] flex flex-col items-center justify-center hover:bg-white', { 'bg-white': item.id === currentId }]">
                     <component :is="item.icon" :color="item.id === currentId ? item.activeColor : item.color"
                         :class="['w-[32px] h-[32px]]']" />
                 </div>