From 20adb47b7426a27f0d52fb5edebbe03f62849164 Mon Sep 17 00:00:00 2001
From: imanjra <ibrahim@voxel51.com>
Date: Fri, 27 Sep 2024 14:16:49 -0400
Subject: [PATCH] increase zIndex of modal sidebar to fix resize bug

---
 app/packages/core/src/components/Sidebar/Sidebar.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/app/packages/core/src/components/Sidebar/Sidebar.tsx b/app/packages/core/src/components/Sidebar/Sidebar.tsx
index bbcecdefef..39a7b178d6 100644
--- a/app/packages/core/src/components/Sidebar/Sidebar.tsx
+++ b/app/packages/core/src/components/Sidebar/Sidebar.tsx
@@ -11,6 +11,7 @@ import SchemaSettings from "../Schema/SchemaSettings";
 import { Filter } from "./Entries";
 import style from "./Sidebar.module.css";
 import ViewSelection from "./ViewSelection";
+import { useTheme as useMUITheme } from "@mui/material";
 
 const MARGIN = 3;
 
@@ -693,6 +694,7 @@ const InteractiveSidebar = ({
     () => new ResizeObserver(placeItems)
   );
   const theme = useTheme();
+  const muiTheme = useMUITheme();
 
   return shown ? (
     <Resizable
@@ -705,7 +707,10 @@ const InteractiveSidebar = ({
         setWidth(width + delta);
       }}
       onResizeReset={resetWidth}
-      style={{ borderTopRightRadius: 8 }}
+      style={{
+        borderTopRightRadius: 8,
+        zIndex: modal ? muiTheme.zIndex.tooltip + 1 : undefined,
+      }}
     >
       <SchemaSettings />
       {!modal && (