[BUG] Alignment Issues in Input Range section

[viditagrawal56]

Description

Currently in the Input Range section of the website there are many alignment issues.

• The thumb in the preview overlaps the 'Preview' text when the 'include thumb radius' option is selected
• Absence of proper whitespace between the heading and the input in thumb size selection section
• The headings 'Track color' and 'Thumb Color' are too close to the input fields

Screenshots

Current Behavior :-

Expected Behavior :-

Additional information

No response

🥦 Browser

Brave

👀 Have you checked if this issue has been raised before?

• [X] I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

• [X] I have read and understood the rules in the Contributing Guidelines

Are you willing to work on this issue?

Yes I am willing to submit a PR!

[github-actions[bot]]

It's great having you contribute to this project by creating an issue

Make sure you are assigned to this before you work on it and you read the Contributing.md file, Thank you! Welcome to the community :nerd_face:

[viditagrawal56]

Hey @Dun-sin I would like to work on this issue. Please assign it to me.

[Dun-sin]

Hey @Dun-sin I would like to work on this issue. Please assign it to me.

Definitely, thanks for wanting to contribute, make sure you follow the rules 👉🏽here👈🏽, else your PR will not be accepted and will be closed. Good Luck.

[Dun-sin]

:tada: This issue has been resolved in version 2.72.2 :tada:

The release is available on GitHub release

Your semantic-release bot :package::rocket: