From 338a5edf11ff446b9d167235a56e102235fc06d2 Mon Sep 17 00:00:00 2001
From: Madhura68 <janpetervisser2@gmail.com>
Date: Sun, 26 Apr 2026 19:40:06 +0200
Subject: [PATCH] fix(ST-507): wrap UserMenu role label in DropdownMenuGroup to
 satisfy base-ui

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 components/shared/user-menu.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

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