Handle Misalignment in Range Section

[HiPrinceHere]

In the Range section, the slider handles in styles such as ser-range-primary-small, ser-range-secondary-small, and similar options do not appear centered on the track. This misalignment is consistent across small, medium, and large variations.

Steps to Reproduce:

1. Visit the Range Section on Serene UI
2. Observe the alignment of the slider handles for the range styles.

   Expected Behavior:

   All slider handles should be centered on their tracks.

Please assign this issue to me and add the hacktoberfest label , as I’d like to work on it as part of my Hacktoberfest contributions.

[arunkumar413]

On a bigger screen it's looking fine. It seems to be happening on low resolution screens.

[HiPrinceHere]

Please add the hacktoberfest label @arunkumar413

[arunkumar413]

@HiPrinceHere Added the label