From 6377377c4d0cc9675ed790067eb4391640bf149c Mon Sep 17 00:00:00 2001
From: Hariom Balhara <hariombalhara@gmail.com>
Date: Mon, 14 Mar 2022 15:45:00 +0530
Subject: [PATCH] Fix Broken user dropdown (#2138)

* Fix Broken user dropdown

* Add unnecessary removal

Co-authored-by: Peer Richelsen <peeroke@gmail.com>
---
 apps/web/components/Shell.tsx       | 2 +-
 apps/web/components/ui/Dropdown.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/components/Shell.tsx b/apps/web/components/Shell.tsx
index 5fa6991396..5e3cb847be 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 4a1b4a82c9..18c101ec8e 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>