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",
                 )}
               />