From 9c957bb98e7f302a2751b53b50f0940f7b05a63d Mon Sep 17 00:00:00 2001
From: Barnaby Keene <1636971+Southclaws@users.noreply.github.com>
Date: Tue, 29 Oct 2024 23:07:01 +0000
Subject: [PATCH] Unintended Scrollbars when Viewing User Panel #262

Ark menu API is quite confusing but I did discover it uses a library called floating-ui which is documented.
---
 .../site/Navigation/AccountMenu/AccountMenu.tsx          | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/web/src/components/site/Navigation/AccountMenu/AccountMenu.tsx b/web/src/components/site/Navigation/AccountMenu/AccountMenu.tsx
index 850a85457..62b605017 100644
--- a/web/src/components/site/Navigation/AccountMenu/AccountMenu.tsx
+++ b/web/src/components/site/Navigation/AccountMenu/AccountMenu.tsx
@@ -21,7 +21,14 @@ export function AccountMenu({ account }: Props) {
   const isAdmin = hasPermission(account, "ADMINISTRATOR");
 
   return (
-    <Menu.Root>
+    <Menu.Root
+      positioning={{
+        fitViewport: true,
+        slide: true,
+        placement: "bottom-end",
+        shift: 24,
+      }}
+    >
       <Menu.Trigger cursor="pointer">
         <MemberAvatar profile={account} size="md" />
       </Menu.Trigger>