diff --git a/packages/bento-design-system/src/Checkbox/Checkbox.css.ts b/packages/bento-design-system/src/Checkbox/Checkbox.css.ts index ab17f12a7..fe2051f03 100644 --- a/packages/bento-design-system/src/Checkbox/Checkbox.css.ts +++ b/packages/bento-design-system/src/Checkbox/Checkbox.css.ts @@ -6,7 +6,7 @@ export const fieldContainer = extendedHitAreaRecipe({ axis: "y" }); export const checkboxRecipe = strictRecipe({ base: [ - { position: "relative", zIndex: "1" }, + { position: "relative" }, bentoSprinkles({ width: 24, height: 24, diff --git a/packages/bento-design-system/src/Switch/Switch.css.ts b/packages/bento-design-system/src/Switch/Switch.css.ts index 211ec3e69..0ef81b00c 100644 --- a/packages/bento-design-system/src/Switch/Switch.css.ts +++ b/packages/bento-design-system/src/Switch/Switch.css.ts @@ -5,7 +5,7 @@ import { strictRecipe } from "../util/strictRecipe"; import { extendedHitAreaRecipe } from "../util/extendedHitArea.css"; export const switchContainer = style([ - { position: "relative", zIndex: "1" }, + { position: "relative" }, extendedHitAreaRecipe({ axis: "y" }), ]);