diff --git a/assets/css/statbot.css b/assets/css/statbot.css
index 621cdd0..8a87fa1 100644
--- a/assets/css/statbot.css
+++ b/assets/css/statbot.css
@@ -294,6 +294,11 @@ Hides the menu at `48em`, but modify this based on your app's needs.
   #layout.active .menu-link {
     left: 150px;
   }
+
+
+  .levelup-user {
+    width: 48%;
+  }
 }
 
 @media (max-width: 48em) {
@@ -307,4 +312,8 @@ Hides the menu at `48em`, but modify this based on your app's needs.
     position: relative;
     left: 150px;
   }
+
+  .levelup-user {
+    width: 98%;
+  }
 }
diff --git a/assets/js/levelup_main.js b/assets/js/levelup_main.js
index 99e120d..67ffef5 100644
--- a/assets/js/levelup_main.js
+++ b/assets/js/levelup_main.js
@@ -87,7 +87,7 @@ function buildList() {
         userName = levelUpStats.users[i].name,
         idName = userName.replace('.','_');
     
-    B("#userXpList").append(B('<div>').attr('id',"levelup-user-"+idName).addClass('levelup-user pure-u-1 pure-u-md-1-3').attr('data-username',userName));
+    B("#userXpList").append(B('<div>').attr('id',"levelup-user-"+idName).addClass('levelup-user pure-u-1 pure-u-md-11-24').attr('data-username',userName));
     var userNameSpan = B("<span>").attr('id','levelup-user-'+idName+'-name').addClass('levelup-username');
     B("#levelup-user-"+idName).append(B("<div>").attr('id','levelup-user-'+idName+'-level').addClass('levelup-level').html(userLevel));
     B("#levelup-user-"+idName).append(userNameSpan.html(userName));
diff --git a/statbotweb.go b/statbotweb.go
index 41a5cdc..560443c 100644
--- a/statbotweb.go
+++ b/statbotweb.go
@@ -92,6 +92,7 @@ func initRequest(w http.ResponseWriter, req *http.Request) {
 	site.Scripts = make([]string, 0, 0)
 	site.Scripts = append(site.Scripts, "/assets/js/highcharts.js")
 	site.Scripts = append(site.Scripts, "/assets/js/B.js")
+	site.Scripts = append(site.Scripts, "/assets/js/B_purecss.js")
 
 	site.InlineScript = ""