diff --git a/x-pack/plugins/security_solution/public/common/components/page/index.tsx b/x-pack/plugins/security_solution/public/common/components/page/index.tsx
index 9a5654ed6475f..8737fa95c94a2 100644
--- a/x-pack/plugins/security_solution/public/common/components/page/index.tsx
+++ b/x-pack/plugins/security_solution/public/common/components/page/index.tsx
@@ -49,8 +49,8 @@ export const AppGlobalStyle = createGlobalStyle<{ theme: { eui: { euiColorPrimar
     border: none;
   }
 
-  /* hide open popovers when a modal is being displayed to prevent them from covering the modal */
-  body.euiBody-hasOverlayMask .euiPopover__panel-isOpen {
+  /* hide open draggable popovers when a modal is being displayed to prevent them from covering the modal */
+  body.euiBody-hasOverlayMask .withHoverActions__popover.euiPopover__panel-isOpen{
     visibility: hidden !important;
   }
 
diff --git a/x-pack/plugins/security_solution/public/common/components/with_hover_actions/index.tsx b/x-pack/plugins/security_solution/public/common/components/with_hover_actions/index.tsx
index e6577bd040e25..9e28345ffbbcf 100644
--- a/x-pack/plugins/security_solution/public/common/components/with_hover_actions/index.tsx
+++ b/x-pack/plugins/security_solution/public/common/components/with_hover_actions/index.tsx
@@ -90,6 +90,7 @@ export const WithHoverActions = React.memo<Props>(
           hasArrow={false}
           isOpen={isOpen}
           panelPaddingSize={!alwaysShow ? 's' : 'none'}
+          panelClassName="withHoverActions__popover"
         >
           {isOpen ? <>{hoverContent}</> : null}
         </WithHoverActionsPopover>