diff --git a/packages/hindawi-theme/src/elements/Checkbox.js b/packages/hindawi-theme/src/elements/Checkbox.js index 566e93a154084867ae268a80b905cc78891f5aa4..528abbf99fd1a0c02c068ca07dbdda5ccea7e24f 100644 --- a/packages/hindawi-theme/src/elements/Checkbox.js +++ b/packages/hindawi-theme/src/elements/Checkbox.js @@ -22,6 +22,7 @@ const Checkbox = css` background: url('data:image/svg+xml;utf8,${encodeURIComponent( checkIcon, )}') center no-repeat, ${th('colorPrimary')}; + background-size: contain; } ` @@ -32,6 +33,7 @@ Checkbox.Input = css` ` Checkbox.Label = css` + font-weight: 600; &::before { content: ' '; background: transparent; @@ -40,10 +42,10 @@ Checkbox.Label = css` box-sizing: border-box; display: inline-block; margin-right: ${th('gridUnit')}; - vertical-align: middle; + vertical-align: text-bottom; - height: calc(${th('gridUnit')} * 3); - width: calc(${th('gridUnit')} * 3); + height: calc(${th('gridUnit')} * 2); + width: calc(${th('gridUnit')} * 2); } `