Align Thumb of React Range Slider so it doesn't go outside bounding box

Question

I am trying to make a range slider & I want to make the thumb (indigo) not go outside the bounding box border (red).

If the thumb is small, then it looks