I use the rc slider package I have to associate each point with different users, the problem is that every time I move the slider, the div moves up and down before the size of the point in the slider, so I can not associate the user with a particular point.

    <Slider
                    id={"slider"}
                    style={{ "marginRight": "2rem", "width": "71vw" }}
                    range
                    trackStyle={[{ backgroundColor: '#3f51b5' }]}


                    max={100}

                    RcSlider={true}
                    railStyle={{ backgroundColor: '#3f51b5' }}
                    activeDotStyle={{ left: 'unset' }}
                    // ariaLabelForHandle={Object.keys(hiddenUserChange)}
                    tabIndex="-1"
                    ariaLabelledByForHandle={bids}
                    value={bids}
                    onChange={handleChange}
                    onAfterChange={updateFieldChanged}
                    tipFormatter={value => `${value}%`}
                    ariaValueTextFormatterForHandle={(e) => {
                        "hello"
                    }}
                />

enter image description here

enter image description here Is there a way to do this?