Range type question: position of bar changing with value

Hello,

I am making a survey by range type question with minimum value -100 to maximum value 100.

I found that the position of slider will change with the length of the number in a yellow-hightlighted box, which cause it difficult to choose the number around these boundaries.

For example, from 99 to 100, 9 to 10, -1 to 0, or -9 to -10.



Using the the option {no_number} can avoid this problem, but I really need to show the number to participants.

Is there any way that can solve it?





The testing code I used is below


l: robot1

i: q72.png

t: range

o: require

q: rate

- {min=-100,max=100,left=-100,right=100,start=0,no_number} human-likeness

- {min=-100,max=100,left=-100,right=100,start=0} likability

- {min=-100,max=100,left=-100,right=100,start=0} curiosity





I have tested it on Google Chrome, Microsoft edge and smartphone.
Thank you very much.