diff --git a/assets/sass/pages/_music.sass b/assets/sass/pages/_music.sass
index 8b543cf..c047cd0 100755
--- a/assets/sass/pages/_music.sass
+++ b/assets/sass/pages/_music.sass
@@ -50,14 +50,8 @@
     text-decoration: none
     +transition(color, 200ms)
 
-#music-player-card
-  .mejs-container
-    width: 100%
-
-  .mejs-container,
-  .mejs-mediaelement,
-  .mejs-controls
-    background: transparent
+#music-player
+  width: 100%
 
 .album-art
   width: 100%
diff --git a/public/css/main.css b/public/css/main.css
index 9b00235..7a36dc7 100755
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -670,12 +670,8 @@ body {
     -moz-transition: color, 200ms;
     transition: color, 200ms; }
 
-#music-player-card .mejs-container {
+#music-player {
   width: 100%; }
-#music-player-card .mejs-container,
-#music-player-card .mejs-mediaelement,
-#music-player-card .mejs-controls {
-  background: transparent; }
 
 .album-art {
   width: 100%; }
diff --git a/public/js/music.js b/public/js/music.js
index 41ecf59..6982c56 100755
--- a/public/js/music.js
+++ b/public/js/music.js
@@ -3,6 +3,9 @@ var player = '';
 $(document).ready(function() {
   player = $('#music-player').get(0);
 
+  // set the player's volume to 0.5 by default
+  player.volume = 0.5;
+
   // on music track click
   $('.now-playing-list').on('click', '.music-track', function() {
     // change selected track