diff --git a/packages/eui/src/components/popover/popover_arrow/_popover_arrow.styles.ts b/packages/eui/src/components/popover/popover_arrow/_popover_arrow.styles.ts
index c1d911738df..622b999d319 100644
--- a/packages/eui/src/components/popover/popover_arrow/_popover_arrow.styles.ts
+++ b/packages/eui/src/components/popover/popover_arrow/_popover_arrow.styles.ts
@@ -22,6 +22,7 @@ export const euiPopoverArrowStyles = (euiThemeContext: UseEuiTheme) => {
     // Base
     euiPopoverArrow: css`
       position: absolute;
+      z-index: -1; // keep arrow below content
       ${logicalSizeCSS(0, 0)}
 
       /* This part of the arrow matches the panel. */