🐛 Bug: Checkbox Tick Icon Misaligned to Bottom in Tolls page

[Tosifkankod]

Describe the bug

There is a visual bug in the checkbox component where the checkmark (✓) appears misaligned towards the bottom of the checkbox, instead of being vertically centered.

Steps To Reproduce

1. Go to https://json-schema.org/tools?
2. Click on check box of the tools

Expected Behavior

The tick icon should be vertically and horizontally centered inside the checkbox to ensure visual consistency and accessibility.

Screenshots

Actual

Expected

Device Information [optional]

- OS: Windows
- Browser: Chrome
- version: 137.0.7

Are you working on this issue?

Yes

Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)

No

[Tosifkankod]

@benjagm @DhairyaMajmudar May I work on this issue?

[idanidan29]

Hey @Tosifkankod, thanks for bringing this up. I worked on the checkbox component, and it seemed to work fine in local development which is likely why the issue was missed. Just out of curiosity, does this issue also appear for you in local development?

[benjagm]

Goos catch @Tosifkankod thanks!! @idanidan29 is working on all the components in the website as part of his GSoC Project #1654. I think it would be best if he fixes this bug as part of the project.