diff --git a/src/components/monitor/monitor.css b/src/components/monitor/monitor.css
index c8b7f3108796331a93df8090ccb0c507289782e0..7dd754938b411b3c9cef68927cd1f56e4e32315a 100644
--- a/src/components/monitor/monitor.css
+++ b/src/components/monitor/monitor.css
@@ -60,6 +60,10 @@
     flex-direction: row;
 }
 
+.slider {
+    width: 100%;
+}
+
 .list-monitor {
     display: flex;
     flex-direction: column;
diff --git a/src/components/monitor/slider-monitor.jsx b/src/components/monitor/slider-monitor.jsx
index f8187cfee6a9be6fe0811ddfb8751c00bf0eaa64..bbf983ff91625bad9154c33fa6aa6e9c0bbc1875 100644
--- a/src/components/monitor/slider-monitor.jsx
+++ b/src/components/monitor/slider-monitor.jsx
@@ -1,5 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import classNames from 'classnames';
+
 import styles from './monitor.css';
 
 const SliderMonitor = ({categoryColor, label, min, max, value, onSliderUpdate}) => (
@@ -17,7 +19,7 @@ const SliderMonitor = ({categoryColor, label, min, max, value, onSliderUpdate})
         </div>
         <div className={styles.row}>
             <input
-                className="no-drag" // Class used on parent Draggable to prevent drags
+                className={classNames(styles.slider, 'no-drag')} // Class used on parent Draggable to prevent drags
                 max={max}
                 min={min}
                 type="range"