diff --git a/app/pods/components/music-tab/template.hbs b/app/pods/components/music-tab/template.hbs
index 1695a4a..8597b6c 100644
--- a/app/pods/components/music-tab/template.hbs
+++ b/app/pods/components/music-tab/template.hbs
@@ -1,5 +1,5 @@
 <div class="row">
-  <div id="playerArea" class="col-sm-8 col-xs-12" {{action "playerAreaPlay"}}>
+  <canvas id="playerArea" class="col-sm-8 col-xs-12" {{action "playerAreaPlay"}}>
     <div id="playNotification" class="material-icons {{if fadeOutNotification "fadeOut"}} {{if playing "play-arrow" "pause"}}"></div>
     <div id="playerControls">
       {{#if usingLocalAudio}}
@@ -32,7 +32,7 @@
         <span data-toggle="tooltip" data-placement="top" class="bootstrapTooltip" data-title="Full screen" {{action "fullscreen"}}>{{paper-icon icon="fullscreen"  class="playerControllIcon"}}</span>
       </span>
     </div>
-  </div>
+  </canvas>
 
   <div id="playlist" class="col-sm-4 col-xs-12">
     <input id="fileInput" type="file" accept="audio/*" multiple="true"/>
diff --git a/app/styles/app.scss b/app/styles/app.scss
index 91a0c06..407f708 100644
--- a/app/styles/app.scss
+++ b/app/styles/app.scss
@@ -249,7 +249,7 @@ md-slider.md-default-theme .md-thumb:after {
   border-radius: 0 0 5px 5px;
   width: 300px;
   top: 20px;
-  left: -215px;
+  left: -240px;
   position: absolute;
   background-color: white;
   max-height: 400px;