From c70d2e1d0b7cec05711b32570db1f9e391ed0adb Mon Sep 17 00:00:00 2001
From: James Barnsley <james@barnsley.nz>
Date: Tue, 23 May 2017 18:12:06 +1200
Subject: [PATCH] Overwrite default sizes

---
 src/js/components/Modal/VolumeModal.js | 8 +++-----
 src/scss/components/_modal.scss        | 5 +++--
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/js/components/Modal/VolumeModal.js b/src/js/components/Modal/VolumeModal.js
index 5c217b86..bab57ccb 100755
--- a/src/js/components/Modal/VolumeModal.js
+++ b/src/js/components/Modal/VolumeModal.js
@@ -23,11 +23,9 @@ export default class VolumeModal extends React.Component{
 	render(){
 		return (
 			<div>
-				<div className="slider-wrapper">
-					<div className="slider vertical" onClick={ (e) => this.handleClick(e) } >
-						<div className="track">
-							<div className="progress" style={{ height: this.props.volume+'%' }}></div>
-						</div>
+				<div className="slider vertical" onClick={ (e) => this.handleClick(e) } >
+					<div className="track">
+						<div className="progress" style={{ height: this.props.volume+'%' }}></div>
 					</div>
 				</div>
 			</div>
diff --git a/src/scss/components/_modal.scss b/src/scss/components/_modal.scss
index ac276a29..36c563c4 100755
--- a/src/scss/components/_modal.scss
+++ b/src/scss/components/_modal.scss
@@ -203,14 +203,15 @@
 	}
 
 	&.volume {
-		.slider-wrapper {
+		.slider {
 			position: absolute;
 			top: 10vh;
 			left: 45vw;
 			height: 80vh;
+			width: 10vw;
 
 			.track {
-				width: 10vw;
+				width: 100%;
 			}
 		}
 	}