diff --git a/src/assets/icon/sidebar/connect.svg b/src/assets/icon/sidebar/connect.svg index 776084e1..94b046cc 100644 --- a/src/assets/icon/sidebar/connect.svg +++ b/src/assets/icon/sidebar/connect.svg @@ -1,3 +1,3 @@ - + diff --git a/src/assets/icon/sidebar/dashboard.svg b/src/assets/icon/sidebar/dashboard.svg index f5c0ef37..f6a2c150 100644 --- a/src/assets/icon/sidebar/dashboard.svg +++ b/src/assets/icon/sidebar/dashboard.svg @@ -1,6 +1,6 @@ - - - - + + + + diff --git a/src/assets/icon/sidebar/workspace.svg b/src/assets/icon/sidebar/workspace.svg index c1d416fb..c7449932 100644 --- a/src/assets/icon/sidebar/workspace.svg +++ b/src/assets/icon/sidebar/workspace.svg @@ -1,3 +1,3 @@ - - + + diff --git a/src/components/sidebar/Sidebar.tsx b/src/components/sidebar/Sidebar.tsx index 4427a645..59726e19 100644 --- a/src/components/sidebar/Sidebar.tsx +++ b/src/components/sidebar/Sidebar.tsx @@ -267,8 +267,10 @@ export default function Sidebar() { aria-label={isCollapsed ? "사이드바 펼치기" : "사이드바 접기"} onClick={toggleSidebar} className={twMerge( - "inline-flex h-14 w-full items-center rounded-2xl font-body2 transition-all duration-200", - isCollapsed ? "justify-center px-0" : "gap-4 px-3", + "flex h-[55px] items-center rounded-2xl font-body2 transition-all duration-200", + isCollapsed + ? "mx-auto w-[55px] justify-center px-0" + : "w-full gap-4 px-3", "text-text-auth-sub hover:text-primary-400 hover:bg-surface-200", )} >