diff --git a/components/shared/user-menu.tsx b/components/shared/user-menu.tsx
index 169bda6..ba375e7 100644
--- a/components/shared/user-menu.tsx
+++ b/components/shared/user-menu.tsx
@@ -8,6 +8,7 @@ import { Badge } from '@/components/ui/badge'
 import {
   DropdownMenu,
   DropdownMenuContent,
+  DropdownMenuGroup,
   DropdownMenuItem,
   DropdownMenuLabel,
   DropdownMenuSeparator,
@@ -63,12 +64,14 @@ export function UserMenu({ userId, username, email, roles }: UserMenuProps) {
         {roleLabels.length > 0 && (
           <>
             <DropdownMenuSeparator />
-            <DropdownMenuLabel className="text-xs uppercase tracking-wide text-muted-foreground">
-              Rollen
-            </DropdownMenuLabel>
-            <div className="px-2 pb-2 text-sm text-foreground">
-              {roleLabels.join(', ')}
-            </div>
+            <DropdownMenuGroup>
+              <DropdownMenuLabel className="text-xs uppercase tracking-wide text-muted-foreground">
+                Rollen
+              </DropdownMenuLabel>
+              <div className="px-2 pb-2 text-sm text-foreground">
+                {roleLabels.join(', ')}
+              </div>
+            </DropdownMenuGroup>
           </>
         )}