diff --git a/lib/components/base/Slider.vue b/lib/components/base/Slider.vue
index 0c9538018..d953b63aa 100644
--- a/lib/components/base/Slider.vue
+++ b/lib/components/base/Slider.vue
@@ -107,13 +107,15 @@ export default {
   display: flex;
   flex-direction: row;
   align-items: center;
+  width: 100%;
 }
 
 .slide-container .slider {
-  width: 12rem;
+  width: 100%;
 }
 
-.slider-component .slide-container {
+.slider-component,
+.slide-container {
   width: 100%;
 }