From 344faee59bb1dffd1c22fea7fab907da458b78e9 Mon Sep 17 00:00:00 2001
From: Juan Barahona <barahonajm@outlook.com>
Date: Thu, 6 Aug 2020 21:35:09 -0400
Subject: [PATCH] Fix min-width to be equals to thumb size

---
 packages/web-components/src/slider/slider.styles.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/web-components/src/slider/slider.styles.ts b/packages/web-components/src/slider/slider.styles.ts
index 0c105137fa5cf..7fc823e457698 100644
--- a/packages/web-components/src/slider/slider.styles.ts
+++ b/packages/web-components/src/slider/slider.styles.ts
@@ -69,7 +69,7 @@ export const SliderStyles = css`
         transform: translateY(calc(var(--thumb-translate) * 1px));
     }
     :host(.horizontal) {
-        min-width: calc(var(--design-unit) * 60px);
+        min-width: calc(var(--thumb-size) * 1px);
     }
     :host(.horizontal) .track {
         right: calc(var(--track-overhang) * 1px);