From 56625facb8b77c73dd81a379ef1cd7205f5eaf8f Mon Sep 17 00:00:00 2001
From: Ian Jones <hello@ianjo.uk>
Date: Thu, 11 Jan 2024 11:40:26 +0000
Subject: [PATCH] fix: Remove unneeded z-index

---
 .../FlowEditor/components/Settings/index.tsx  | 21 +++++++++----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/editor.planx.uk/src/pages/FlowEditor/components/Settings/index.tsx b/editor.planx.uk/src/pages/FlowEditor/components/Settings/index.tsx
index 213e1df058..77dec54b29 100644
--- a/editor.planx.uk/src/pages/FlowEditor/components/Settings/index.tsx
+++ b/editor.planx.uk/src/pages/FlowEditor/components/Settings/index.tsx
@@ -8,16 +8,16 @@ import { styled } from "@mui/material/styles";
 import Tab from "@mui/material/Tab";
 import Tabs from "@mui/material/Tabs";
 import { HEADER_HEIGHT } from "components/Header";
-import React  from "react";
+import React from "react";
 import { Link, useNavigation } from "react-navi";
 
 interface SettingsProps {
-  currentTab: string,
+  currentTab: string;
   tabs: {
-    route: string,
-    name: string,
-    Component: React.FC,
-  }[]
+    route: string;
+    name: string;
+    Component: React.FC;
+  }[];
 }
 
 interface TabPanelProps {
@@ -95,7 +95,6 @@ const Root = styled(Box)(({ theme }) => ({
   left: 0,
   right: 0,
   minHeight: `calc(100% - ${HEADER_HEIGHT}px)`,
-  zIndex: "2000",
   [`& .${classes.tabs}`]: {
     backgroundColor: theme.palette.border.main,
   },
@@ -132,14 +131,14 @@ const Settings: React.FC<SettingsProps> = ({ currentTab, tabs }) => {
                 indicator: classes.tabIndicator,
               }}
             >
-              {tabs.map(({ name, route }, index) =>
+              {tabs.map(({ name, route }, index) => (
                 <LinkTab
                   key={`${name}-LinkTab`}
                   label={name}
                   href={`./${route}`}
                   {...a11yProps(index)}
                 />
-              )}
+              ))}
             </Tabs>
           </Grid>
           <Grid item>
@@ -154,11 +153,11 @@ const Settings: React.FC<SettingsProps> = ({ currentTab, tabs }) => {
           </Grid>
         </Grid>
       </AppBar>
-      {tabs.map(({ name, Component }, index) =>
+      {tabs.map(({ name, Component }, index) => (
         <TabPanel value={value} index={index} key={`${name}-TabPanel`}>
           <Component />
         </TabPanel>
-      )}
+      ))}
     </Root>
   );
 };