Make slider monitor full width

src/components/monitor/monitor.css

@@ -60,6 +60,10 @@
     flex-direction: row;
 }
 
+.slider {
+    width: 100%;
+}
+
 .list-monitor {
     display: flex;
     flex-direction: column;

src/components/monitor/slider-monitor.jsx

 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"