diff --git a/assets/sass/pages/_music.sass b/assets/sass/pages/_music.sass
index 0ce62bc..e9df469 100755
--- a/assets/sass/pages/_music.sass
+++ b/assets/sass/pages/_music.sass
@@ -62,7 +62,7 @@
 .album-art
   width: 100%
 
-.music-album
+.music-album .thumbnail
   +transition(background, 200ms)
 
   &:hover
diff --git a/public/css/main.css b/public/css/main.css
index ea05ff3..fe41f58 100755
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -680,18 +680,18 @@ body {
 .album-art {
   width: 100%; }
 
-.music-album {
+.music-album .thumbnail {
   -webkit-transition: background, 200ms;
   -moz-transition: background, 200ms;
   transition: background, 200ms; }
-  .music-album:hover {
+  .music-album .thumbnail:hover {
     background: #f0f0f0;
     cursor: pointer; }
-    .music-album:hover a {
+    .music-album .thumbnail:hover a {
       color: #e51400; }
-  .music-album.selected {
+  .music-album .thumbnail.selected {
     background: #e0e0e0; }
-    .music-album.selected a {
+    .music-album .thumbnail.selected a {
       color: #e51400; }
 
 .shows-header {
diff --git a/public/js/music.js b/public/js/music.js
index e8d99e1..c9f71fc 100755
--- a/public/js/music.js
+++ b/public/js/music.js
@@ -3,10 +3,17 @@ var player = '';
 $(document).ready(function() {
   player = $('#music-player').get(0);
 
+  // on music track click
   $('.now-playing-list .music-track').on('click', function() {
     // change selected track
     changeSelectedTrack(this);
   });
+
+  // on album art click
+  $('.music-album').on('click', function() {
+    // change selected album
+    changeSelectedAlbum(this);
+  });
 });
 
 function changeSelectedAlbum(albumElem) {