From 8bdf8fa24f2c562473c1aae88c72aa9ccee40d68 Mon Sep 17 00:00:00 2001
From: Prateek Shourya <prateekshourya29@gmail.com>
Date: Thu, 28 Mar 2024 15:04:48 +0530
Subject: [PATCH] [WEB-836] fix: color picker overlapping with themes dropdown
 issue. (#4079)

---
 packages/ui/src/dropdowns/custom-select.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/src/dropdowns/custom-select.tsx b/packages/ui/src/dropdowns/custom-select.tsx
index 37608ea8d..2d669cc05 100644
--- a/packages/ui/src/dropdowns/custom-select.tsx
+++ b/packages/ui/src/dropdowns/custom-select.tsx
@@ -91,7 +91,7 @@ const CustomSelect = (props: ICustomSelectProps) => {
         )}
       </>
       {isOpen && (
-        <Listbox.Options className="fixed z-10" onClick={() => closeDropdown()} static>
+        <Listbox.Options className="fixed z-20" onClick={() => closeDropdown()} static>
           <div
             className={cn(
               "my-1 overflow-y-scroll rounded-md border-[0.5px] border-custom-border-300 bg-custom-background-100 px-2 py-2.5 text-xs shadow-custom-shadow-rg focus:outline-none min-w-[12rem] whitespace-nowrap",