@codecademy/gamut

Index: package/dist/Button/shared/styles.js
===================================================================
--- package/dist/Button/shared/styles.js
+++ package/dist/Button/shared/styles.js
@@ -1,6 +1,6 @@
 import _styled from "@emotion/styled/base";
-import { fontSmoothPixel, modeColorProps, styledOptions, system, transitionConcat } from '@codecademy/gamut-styles';
+import { fontSmoothPixel, modeColorProps, styledOptions, system, transitionConcat, zIndices } from '@codecademy/gamut-styles';
 import { variance } from '@codecademy/variance';
 import { ButtonBase, ButtonSelectors } from '../../ButtonBase/ButtonBase';
 export const config = styledOptions(['size']);
 export const buttonProps = variance.compose(system.layout, system.positioning, system.space, system.border);
@@ -36,9 +36,9 @@
     borderRadius: 'lg',
     border: 2,
     inset: -5,
     opacity: 0,
-    zIndex: 0
+    zIndex: zIndices.base
   },
   [ButtonSelectors.OUTLINE_FOCUS_VISIBLE]: {
     opacity: 1
   }