diff --git a/packages/bundler/index.js b/packages/bundler/index.js old mode 100755 new mode 100644 diff --git a/packages/forms/src/index.js b/packages/forms/src/index.js index 19d048e00..96ff75f78 100644 --- a/packages/forms/src/index.js +++ b/packages/forms/src/index.js @@ -222,6 +222,8 @@ const CheckboxIcon = props => display: 'none', 'input:checked ~ &': { display: 'block', + minWidth: '25px', + minHeight: '25px', } }} /> @@ -229,6 +231,8 @@ const CheckboxIcon = props => {...props} __css={{ display: 'block', + minWidth: '25px', + minHeight: '25px', 'input:checked ~ &': { display: 'none', } diff --git a/packages/forms/test/__snapshots__/index.js.snap b/packages/forms/test/__snapshots__/index.js.snap index 7ce75c23a..7e26ffe9d 100644 --- a/packages/forms/test/__snapshots__/index.js.snap +++ b/packages/forms/test/__snapshots__/index.js.snap @@ -36,6 +36,8 @@ exports[`Checkbox renders 1`] = ` input:checked ~ .emotion-1 { display: block; + min-width: 25px; + min-height: 25px; } input:checked ~ .emotion-1 { @@ -52,6 +54,8 @@ input:focus ~ .emotion-1 { margin: 0; min-width: 0; display: block; + min-width: 25px; + min-height: 25px; width: 24px; height: 24px; box-sizing: border-box;