From cef2668f5385b3d68779db7a5cc32c96b5db51de Mon Sep 17 00:00:00 2001
From: Danny Avila <110412045+danny-avila@users.noreply.github.com>
Date: Fri, 19 May 2023 19:58:53 -0400
Subject: [PATCH] style(NewConversationMenu): add z-index to Dialog and
 DropdownMenuContent (#335)

style(mobile.css): decrease z-index of .nav to 40
---
 client/src/components/Input/NewConversationMenu/index.jsx | 4 ++--
 client/src/mobile.css                                     | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/components/Input/NewConversationMenu/index.jsx b/client/src/components/Input/NewConversationMenu/index.jsx
index 7d06fe1ed..a27ad5be7 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 bc6bf0223..f506ba3ca 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);