diff --git a/components/shared/user-menu.tsx b/components/shared/user-menu.tsx
index ba615c0..07d5b38 100644
--- a/components/shared/user-menu.tsx
+++ b/components/shared/user-menu.tsx
@@ -36,8 +36,12 @@ export function UserMenu({ userId, username, email, roles }: UserMenuProps) {
   const logoutFormRef = useRef<HTMLFormElement>(null)
 
   return (
-    <DropdownMenu>
-      <DropdownMenuTrigger
+    <>
+      {/* Form buiten DropdownMenuContent — die unmount op onSelect waardoor de ref
+          null wordt voordat requestSubmit() vuurt. */}
+      <form ref={logoutFormRef} action={logoutAction} className="hidden" />
+      <DropdownMenu>
+        <DropdownMenuTrigger
         className="rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 focus-visible:ring-offset-background"
         aria-label="Accountmenu openen"
       >
@@ -109,8 +113,8 @@ export function UserMenu({ userId, username, email, roles }: UserMenuProps) {
           <LogOut className="mr-2 h-4 w-4" />
           <span>Uitloggen</span>
         </DropdownMenuItem>
-        <form ref={logoutFormRef} action={logoutAction} className="hidden" />
       </DropdownMenuContent>
-    </DropdownMenu>
+      </DropdownMenu>
+    </>
   )
 }