How to change the width and height of the thumb in Slider component?

[alamenai]

I have a Slider component:

I want to change the width and height of the thumb:

This is my code:

 <Slider
                    defaultValue={[+electricityDemand]}
                    min={100}
                    max={500000}
                    step={100}
                    className='mt-4 [&>span>span>span]:w-8 h-8'
                    onValueChange={(value) => setElectricityDemand(+value)}
                  />

[baraya]

Change the height and width of the thumb. E.x make it h-5 w-5

<SliderPrimitive.Thumb className="block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" />```