diff --git a/web/components/menu.tsx b/web/components/menu.tsx
index 2274afc0..d961292b 100644
--- a/web/components/menu.tsx
+++ b/web/components/menu.tsx
@@ -9,7 +9,7 @@ export function MenuButton(props: {
 }) {
   const { buttonContent, menuItems, className } = props
   return (
-    <Menu as="div" className={clsx('flex-shrink-0 relative z-10', className)}>
+    <Menu as="div" className={clsx('flex-shrink-0 relative z-50', className)}>
       <div>
         <Menu.Button className="rounded-full flex">
           <span className="sr-only">Open user menu</span>