diff --git a/apps/web/components/Shell.tsx b/apps/web/components/Shell.tsx
index 5fa69913..5e3cb847 100644
--- a/apps/web/components/Shell.tsx
+++ b/apps/web/components/Shell.tsx
@@ -418,7 +418,7 @@ function UserDropdown({ small }: { small?: boolean }) {
           )}
         </div>
       </DropdownMenuTrigger>
-      <DropdownMenuContent>
+      <DropdownMenuContent portalled={true}>
         <DropdownMenuItem>
           <a
             onClick={() => {
diff --git a/apps/web/components/ui/Dropdown.tsx b/apps/web/components/ui/Dropdown.tsx
index 4a1b4a82..18c101ec 100644
--- a/apps/web/components/ui/Dropdown.tsx
+++ b/apps/web/components/ui/Dropdown.tsx
@@ -25,11 +25,11 @@ export const DropdownMenuContent = forwardRef<HTMLDivElement, DropdownMenuConten
   ({ children, ...props }, forwardedRef) => {
     return (
       <DropdownMenuPrimitive.Content
-        portalled={false}
+        portalled={props.portalled}
         {...props}
         className={`${
           props.portalled ? `` : `md:-ml-[55px]`
-        } z-10 mt-1 -ml-0 w-48 origin-top-right rounded-sm bg-white text-sm shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none lg:-ml-56`}
+        } z-10 mt-1 -ml-0 w-48 origin-top-right rounded-sm bg-white text-sm shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none`}
         ref={forwardedRef}>
         {children}
       </DropdownMenuPrimitive.Content>