From 3292ec0a71c150d196c9d55795d336a3398d6753 Mon Sep 17 00:00:00 2001
From: Kito Clark <kito.clark@teamform.co>
Date: Wed, 31 Jul 2024 14:30:18 +1000
Subject: [PATCH] fixed z-index issue

---
 lib/components/ActionsMenu/index.js | 2 +-
 lib/components/Popover/index.js     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/components/ActionsMenu/index.js b/lib/components/ActionsMenu/index.js
index 0d6a51c6..7227f5dc 100644
--- a/lib/components/ActionsMenu/index.js
+++ b/lib/components/ActionsMenu/index.js
@@ -321,7 +321,7 @@ export const ActionsMenuBody = ({
             >
               <div
                 ref={ref}
-                style={{ ...actionMenu.floatingStyles }}
+                style={{ ...actionMenu.floatingStyles, zIndex: 21 }}
                 aria-labelledby={actionMenu.labelId}
                 {...actionMenu.getFloatingProps(props)}
                 className="actionMenu-content"
diff --git a/lib/components/Popover/index.js b/lib/components/Popover/index.js
index fc3ca2b8..899a01e8 100644
--- a/lib/components/Popover/index.js
+++ b/lib/components/Popover/index.js
@@ -338,7 +338,7 @@ export default function Popover({
           <StyledPopoverContainer
             className={`Tooltip popover ${isVisible ? "visible" : ""}`}
             ref={refs.setFloating}
-            style={floatingStyles}
+            style={{ ...floatingStyles, zIndex: 21 }}
             {...getFloatingProps()}
           >
             <StyledPopover