From 632abea34b3c43c573c8e42a7ab58931a67e04ce Mon Sep 17 00:00:00 2001
From: Aum Bhatt <125039206+aum-deriv@users.noreply.github.com>
Date: Fri, 3 Jan 2025 11:45:37 +0400
Subject: [PATCH] fix: z-index for overlay and filters in AddTraderForm (#57)

---
 src/components/ActiveSymbolsSelector.jsx | 2 +-
 src/components/CopierDashboard.jsx       | 2 +-
 src/components/TradeTypeSelector.jsx     | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ActiveSymbolsSelector.jsx b/src/components/ActiveSymbolsSelector.jsx
index 18ba9b2..83988db 100644
--- a/src/components/ActiveSymbolsSelector.jsx
+++ b/src/components/ActiveSymbolsSelector.jsx
@@ -67,7 +67,7 @@ const ActiveSymbolsSelector = ({ selectedSymbols = [], onChange }) => {
                         ))
                     )}
                 </div>
-                <div className="max-h-[32px] z-50">
+                <div className="max-h-[32px] z-20">
                     <Chip.SingleSelectDropdown
                         defaultOption={{
                             label: "Select a symbol",
diff --git a/src/components/CopierDashboard.jsx b/src/components/CopierDashboard.jsx
index a698481..22d7648 100644
--- a/src/components/CopierDashboard.jsx
+++ b/src/components/CopierDashboard.jsx
@@ -131,7 +131,7 @@ const CopierDashboard = () => {
             )}
             <div className="relative">
                 {(hasCopiers || showCopierBanner) && (
-                    <div className="absolute inset-0 bg-gray-50/70 z-10" />
+                    <div className="absolute inset-0 bg-gray-50/70 z-30" />
                 )}
                 <AddTraderForm onAddTrader={handleAddTrader} />
 
diff --git a/src/components/TradeTypeSelector.jsx b/src/components/TradeTypeSelector.jsx
index e47927e..b1615d6 100644
--- a/src/components/TradeTypeSelector.jsx
+++ b/src/components/TradeTypeSelector.jsx
@@ -88,7 +88,7 @@ const TradeTypeSelector = ({ selectedContracts = [], onChange }) => {
                         />
                     ))
                 )}
-                <div className="max-h-[32px] z-40">
+                <div className="max-h-[32px] z-10">
                     <Chip.SingleSelectDropdown
                         defaultOption={defaultOption}
                         value={defaultOption}