🐞 Bug: Misaligned Zoom Slider in Toolbar

[blazethunderstorm]

Is there an existing issue for this?

• I have searched the existing issues.

Describe the bug

The zoom slider circle (used to zoom in/out of the simulator canvas) is misaligned in the toolbar. Previously, the circle was centered and aligned well within the track. Now, the circle appears offset or misplaced, which affects the visual quality and user interaction of the zoom tool.

Steps to Reproduce

1)Open the Vue simulator.

2)Look at the zoom toolbar at the top of the canvas.

3)Observe the circle inside the zoom slider.

4)Compare with how it appeared earlier (see screenshots below).

Expected Behavior

Screenshots

Is the faced issue/bug related to the Vue simulator?

Yes

Used Vue simulator with or without backend?

None

Is the bug present only on the dev server, the build, or both?

None

Device Information

OS: Ubuntu 
Browser:Chrome

Additional Context

No response

Are you working on this issue?

Yes

[blazethunderstorm]

@ThatDeparted2061 will make its pr at earliest , thanks

[mrgear111]

@blazethunderstorm Can i work on this?