diff --git a/packages/theme-chalk/src/slider.scss b/packages/theme-chalk/src/slider.scss
index ff363f3e6c..35fe7c87f0 100644
--- a/packages/theme-chalk/src/slider.scss
+++ b/packages/theme-chalk/src/slider.scss
@@ -170,6 +170,8 @@ $slider-height: map.merge(
 
   @include when(vertical) {
     position: relative;
+    display: inline-flex;
+    width: auto;
     height: 100%;
     flex: 0;