diff --git a/src/components/slider/themes/slider.base.scss b/src/components/slider/themes/slider.base.scss
index f5c7dc767..00c63318f 100644
--- a/src/components/slider/themes/slider.base.scss
+++ b/src/components/slider/themes/slider.base.scss
@@ -11,7 +11,9 @@ $thumb-label-height: rem(30px);
 $tick-width: rem(2px);
 
 :host {
-    display: block;
+    display: flex;
+    flex-grow: 1;
+    flex-direction: column;
 }
 
 slot {