diff --git a/client/src/components/Input/NewConversationMenu/index.jsx b/client/src/components/Input/NewConversationMenu/index.jsx
index 7d06fe1ed8..a27ad5be7a 100644
--- a/client/src/components/Input/NewConversationMenu/index.jsx
+++ b/client/src/components/Input/NewConversationMenu/index.jsx
@@ -122,7 +122,7 @@ export default function NewConversationMenu() {
   });
 
   return (
-    <Dialog>
+    <Dialog className="z-[100]">
       <DropdownMenu open={menuOpen} onOpenChange={setMenuOpen}>
         <DropdownMenuTrigger asChild>
           <Button
@@ -136,7 +136,7 @@ export default function NewConversationMenu() {
           </Button>
         </DropdownMenuTrigger>
         <DropdownMenuContent
-          className="min-w-[300px] dark:bg-gray-700"
+          className="min-w-[300px] dark:bg-gray-700 z-[100]"
           onCloseAutoFocus={(event) => event.preventDefault()}
         >
           <DropdownMenuLabel
diff --git a/client/src/mobile.css b/client/src/mobile.css
index bc6bf02235..f506ba3cac 100644
--- a/client/src/mobile.css
+++ b/client/src/mobile.css
@@ -45,7 +45,7 @@
 
 .nav {
   position: fixed;
-  z-index: 999;
+  z-index: 40;
   left: calc(-100%);
   top: 0;
   width: calc(100% - 60px);