From abc7ad89edb8792b51f6631cb43257457ad29812 Mon Sep 17 00:00:00 2001
From: Plut0r <ogunolaololade@gmail.com>
Date: Thu, 4 Jan 2024 09:21:46 +0100
Subject: [PATCH] fix: increased z-index for mobile settings navbar

---
 components/Settings/Select.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Settings/Select.tsx b/components/Settings/Select.tsx
index e9f5acf..d1b68c7 100644
--- a/components/Settings/Select.tsx
+++ b/components/Settings/Select.tsx
@@ -22,7 +22,7 @@ function Select({ options, color, type = 'normal', selected, setSelected, handle
             </span>
           </Listbox.Button>
           <Transition as={Fragment} leave="transition ease-in duration-100" leaveFrom="opacity-100" leaveTo="opacity-0">
-            <Listbox.Options className="absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-white-N0 py-1 text-base shadow-lg border border-Grey-G60 focus:outline-none sm:text-sm">
+            <Listbox.Options className="absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-white-N0 py-1 text-base shadow-lg border border-Grey-G60 focus:outline-none sm:text-sm z-20">
               {options.map((option, personIdx) => (
                 <Listbox.Option
                   key={personIdx}