From 9247b8afc4666b3749d0aad4dda6d165e1df90c4 Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Tue, 1 Jul 2025 14:50:12 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20LNB=20=EC=97=B4=EB=A6=BC=20=EC=83=81?=
 =?UTF-8?q?=ED=83=9C=20ui=20=EC=9D=B4=EC=8A=88=20=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/common/components/src/ui/lnb/index.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/packages/common/components/src/ui/lnb/index.tsx b/packages/common/components/src/ui/lnb/index.tsx
index a244cb3f7..552a7d67a 100644
--- a/packages/common/components/src/ui/lnb/index.tsx
+++ b/packages/common/components/src/ui/lnb/index.tsx
@@ -134,17 +134,18 @@ export function LNB({
 
   function MenuGroup({ item }: { item: MenuItem }) {
     const { open: isSidebarOpen } = useSidebar();
+    const [isOpen, setIsOpen] = useState(
+      defaultOpenMenuIds.includes(item.menuCd),
+    );
 
     return (
-      <Collapsible
-        defaultOpen={defaultOpenMenuIds.includes(item.menuCd)}
-        className="group/collapsible"
-      >
+      <Collapsible open={isOpen} onOpenChange={setIsOpen} className="w-full">
         <SidebarMenuItem>
           <CollapsibleTrigger asChild>
             <SidebarMenuButton
               className={cn(
-                "flex h-auto items-center py-4 pr-2 text-[1.4rem] group-data-[state=open]/collapsible:bg-transparent",
+                "flex h-auto items-center py-4 pr-2 text-[1.4rem]",
+                isOpen && "bg-transparent",
                 !isSidebarOpen && "justify-center",
               )}
               tooltip={item.menuKornNm}
@@ -168,7 +169,8 @@ export function LNB({
               </div>
               <ChevronRight
                 className={cn(
-                  "ml-auto !size-6 text-label group-data-[state=open]/collapsible:rotate-90",
+                  "ml-auto !size-6 text-label transition-transform",
+                  isOpen && "rotate-90",
                   !isSidebarOpen && "hidden",
                 )}
               />