diff --git a/src/components/ha-slider.ts b/src/components/ha-slider.ts
index 94ef1cb0f0..57d35a28e0 100644
--- a/src/components/ha-slider.ts
+++ b/src/components/ha-slider.ts
@@ -57,6 +57,7 @@ export class HaSlider extends Slider {
         #thumb {
           border: none;
           background-color: var(--ha-slider-thumb-color, var(--primary-color));
+          overflow: hidden;
         }
 
         #thumb:after {