@codecademy/gamut

Index: package/dist/Popover/styles/variants.js
===================================================================
--- package/dist/Popover/styles/variants.js
+++ package/dist/Popover/styles/variants.js
@@ -1,5 +1,5 @@
-import { states, variant } from '@codecademy/gamut-styles';
+import { states, variant, zIndices } from '@codecademy/gamut-styles';
 import { createVariantsFromAlignments } from '../../Tip/shared/styles/createVariantsUtils';
 import { tooltipArrowHeight } from '../../Tip/shared/styles/styles';
 import { borderStyles } from './base';
 import { beakBoxX, beakBoxY, beakVariantsArray, createBeakVariantFromAlignment } from './beak';
@@ -29,9 +29,9 @@
 const beakVariantStyles = createVariantsFromAlignments(beakVariantsArray, createBeakVariantFromAlignment);
 export const beakVariants = variant({
   base: {
     background: 'transparent',
-    zIndex: 1,
+    zIndex: zIndices.foreground,
     position: 'fixed'
   },
   prop: 'beak',
   variants: beakVariantStyles