diff --git a/x-pack/plugins/fleet/public/applications/integrations/sections/epm/screens/detail/policies/components/package_policy_agents_cell.tsx b/x-pack/plugins/fleet/public/applications/integrations/sections/epm/screens/detail/policies/components/package_policy_agents_cell.tsx
index 0ecab3290051..fc3007b174ce 100644
--- a/x-pack/plugins/fleet/public/applications/integrations/sections/epm/screens/detail/policies/components/package_policy_agents_cell.tsx
+++ b/x-pack/plugins/fleet/public/applications/integrations/sections/epm/screens/detail/policies/components/package_policy_agents_cell.tsx
@@ -22,8 +22,12 @@ const AddAgentButton = ({ onAddAgent }: { onAddAgent: () => void }) => (
);
const AddAgentButtonWithPopover = ({ onAddAgent }: { onAddAgent: () => void }) => {
- const button = ;
const [isHelpOpen, setIsHelpOpen] = useState(true);
+ const onAddAgentCloseHelp = () => {
+ setIsHelpOpen(false);
+ onAddAgent();
+ };
+ const button = ;
return (
;
}) => {
const { docLinks } = useStartServices();
-
+ const theme = useTheme() as EuiTheme;
const optionalProps: { offset?: number } = {};
if (offset !== undefined) {
@@ -55,6 +58,7 @@ export const AddAgentHelpPopover = ({
/>
}
+ zIndex={theme.eui.euiZLevel1 - 1} // put popover behind any modals that happen to be open
isStepOpen={isOpen}
minWidth={300}
onFinish={() => {}}