Fixed all Overlay Issues

Sahan-Daksh · Aug 11, 2024 · 82abbd3 · 82abbd3
1 parent 2e6141b
commit 82abbd3
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/pages/MainPage.jsx b/src/pages/MainPage.jsx
@@ -40,17 +40,17 @@ export default function MainPage() {
       <AnimatedBackground isActive={activeSegment === 0}>
         <FAQ />
       </AnimatedBackground>
-      <div style={{ zIndex: 9999 }}>
-        <AnimatedBackground isActive={activeSegment === 1}>
+      <div>
+        <AnimatedBackground isActive={activeSegment === 1}  style={{ zIndex: 1000 }}>
           <Merch />
         </AnimatedBackground>
       </div>
 
-      <AnimatedBackground isActive={activeSegment === 2} style={{ zIndex: -1 }}>
+      <AnimatedBackground isActive={activeSegment === 2}>
         <Partners />
       </AnimatedBackground>
 
-      <AnimatedBackground isActive={activeSegment === 3} style={{ zIndex: -1 }}>
+      <AnimatedBackground isActive={activeSegment === 3}>
         <Contact />
       </AnimatedBackground>