fix: remove unwanted z-index override on PageOverlay that causes flyouts to render incorrectly

tkajtoch · tkajtoch · commit 76aece034394 · 2025-12-16T01:34:27.000+01:00
diff --git a/x-pack/solutions/security/plugins/security_solution/public/management/components/page_overlay/page_overlay.tsx b/x-pack/solutions/security/plugins/security_solution/public/management/components/page_overlay/page_overlay.tsx
@@ -33,9 +33,7 @@ const OverlayRootContainer = styled.div`
 
   border-left: 1px solid ${({ theme: { eui } }) => eui.euiColorLightestShade};
 
-  z-index: ${({ theme: { eui } }) =>
-    eui.euiZFlyout +
-    3}; // we need to have this response div rendered above the timeline flyout (with z-index at 1002)
+  z-index: ${({ theme: { eui } }) => eui.euiZFlyout};
 
   background-color: ${({ theme: { eui } }) => eui.euiColorEmptyShade};
 
