diff --git a/app/views/pages/music2.twig b/app/views/pages/music2.twig
index a6659a3..7dbfeb6 100644
--- a/app/views/pages/music2.twig
+++ b/app/views/pages/music2.twig
@@ -18,7 +18,7 @@
     <noscript class="card">Woah there, lassy! You will need to enable Javascript to use this page!</noscript>
 
     <!-- left stuff -->
-    <div class="col-sm-6 col-xs-12">
+    <div class="col-sm-5 col-xs-12">
       <!-- now playing -->
       <div class="thumbnail shadow-1">
         <img id="album-artwork" class="image-responsive album-art" src="{{ albums[0].album_art }}" alt="{{ albums[0].title }}">
@@ -52,11 +52,11 @@
     </div>
 
     <!-- right stuff -->
-    <div class="col-sm-6 col-xs-12">
+    <div class="col-sm-7 col-xs-12">
       <div class="row">
         {% for album in albums %}
           <!-- album details -->
-          <div class="music-album {% if loop.index0 == 0 %}selected{% endif %} col-sm-3 col-xs-6" data-albumid="{{ album.id }}">
+          <div class="music-album {% if loop.index0 == 0 %}selected{% endif %} {% if loop.length > 4 %}col-sm-6{% else %}col-sm-12{% endif %} col-xs-6" data-albumid="{{ album.id }}">
             <div class="thumbnail shadow-1">
               <img class="album-art" src="{{ album.album_art }}" alt="{{ album.title }}">
               <div class="caption">