fix(checkbox): fix the box sizing

snowball-tech · Aug 17, 2023 · 1b7e31e · 1b7e31e
1 parent b426d13
commit 1b7e31e
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/fractal/src/components/InputCheckbox/InputCheckbox.recipe.ts b/packages/fractal/src/components/InputCheckbox/InputCheckbox.recipe.ts
@@ -14,11 +14,12 @@ export const inputCheckboxContainer: ReturnType<typeof defineRecipe> =
   defineRecipe({
     base: {
       _fullWidth: {
-        width: 'calc(100% - (var(--size-checkbox-padding-horizontal) * 2))',
+        width: '100%',
       },
 
       alignItems: 'center',
       borderRadius: 'var(--size-radius-s)',
+      boxSizing: 'border-box',
       display: 'flex',
       gap: 'var(--size-checkbox-gap)',
       px: 'var(--size-checkbox-padding-horizontal)',