diff --git a/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/index.tsx b/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/index.tsx
index 212c8977a8852..98a5d3297b186 100644
--- a/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/index.tsx
+++ b/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/index.tsx
@@ -77,7 +77,12 @@ export const HostDetailsFlyout = memo(() => {
   }, [error, notifications.toasts]);
 
   return (
-    <EuiFlyout onClose={handleFlyoutClose} data-test-subj="hostDetailsFlyout" size="s">
+    <EuiFlyout
+      onClose={handleFlyoutClose}
+      style={{ zIndex: 4001 }}
+      data-test-subj="hostDetailsFlyout"
+      size="s"
+    >
       <EuiFlyoutHeader hasBorder>
         <EuiTitle size="s">
           <h2 data-test-subj="hostDetailsFlyoutTitle">