[bug]: Icons are not centered in the checkboxes

[lucasboilly]

What version of design-system are you using?

Browser: Arc

What's Wrong?

Icons are not centered in the checkboxes, it's very visible in the intermediate state.

To Reproduce

Find any checkbox (ex: in the edit view table).

Expected Behaviour

Icons should be centered.

[adarshk01]

hey, could you assign me this issue

[PlanckConst]

I found the issue rooted from the parent container missing

justify-content: center
align-items: center

Path: packages\design-system\src\components\Checkbox\Checkbox.tsx

What was changed:
Inline Styling for CheckboxIndicator

<CheckboxIndicator style={{ display: 'inline-flex', pointerEvents: 'auto', justifyContent: 'center', alignItems: 'center' }} forceMount>
          {checked === true ? <CheckIcon width="1.6rem" fill="neutral0" /> : null}
          {checked === 'indeterminate' ? <Minus fill="neutral0" /> : null}
        </CheckboxIndicator>

Pull request: #1821

[lucasboilly]

Hey @PlanckConst, I answered in the PR, thanks again :)