diff --git a/app.js b/app.js
index 027a3e1..18e84ed 100644
--- a/app.js
+++ b/app.js
@@ -65,7 +65,7 @@ app.get('/', function(req, res) {
   ];
 
   // shitty sort until I add more metadata on cached items
-  req.db.matches.find().sort({$natural:-1}).limit(4).toArray().then(function(docs){
+  req.db.matches.find().sort({$natural:-1}).limit(6).toArray().then(function(docs){
     res.render('index', { page: "home", samples: samples, recent: docs, error: req.flash('search-error') });
   });
 });
diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
index 92fc6af..73cd81c 100644
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
@@ -108,7 +108,7 @@ h3 {
   margin-bottom: 50px;
 }
 
-.recent {
+.recent img {
   margin-bottom: 30px;
 }
 
diff --git a/views/index.ejs b/views/index.ejs
index 0e281dc..c181e2a 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -32,9 +32,9 @@
       <% if (recent.length) { %><h2>Recently Shared</h2><% } %>
       <div class="row recent">
       <% for (var i=0;i < recent.length;i++) { var item = recent[i].items[0]; %>
-        <div class="col-md-6">
+        <div class="col-sm-4 col-xs-6">
           <a href="/<%= item.service.replace("playmusic", "") %>/<%= item.type %>/<%= item.id %>"><img src="<%= item.artwork %>" width="100%"></a>
-        </div><% if((i+1)%2 == 0) { %></div><div class="row"><% } %>
+        </div>
       <% } %>
       </div>
       </div>