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