diff --git a/public/less/admin/admin.less b/public/less/admin/admin.less
index 46ea35d349..16c066aec6 100644
--- a/public/less/admin/admin.less
+++ b/public/less/admin/admin.less
@@ -158,7 +158,7 @@
 		transition: background, color 500ms ease-in;
 	}
 
-	#unique-visitors {
+	#unique-visitors, #active-users {
 		> div {
 			min-width: 25%;
 		}
diff --git a/public/src/forum/admin/index.js b/public/src/forum/admin/index.js
index 0d503dbaf3..c00fbc09c5 100644
--- a/public/src/forum/admin/index.js
+++ b/public/src/forum/admin/index.js
@@ -107,12 +107,24 @@ define('forum/admin/index', ['semver'], function(semver) {
 			return app.alertError(err.message);
 		}
 
-		var html = '<strong>Online Users [ ' + data.onlineRegisteredCount + ' ]</strong><br/>' +
-					'<strong>Online Guests [ ' + data.onlineGuestCount + ' ]</strong><br/>'	 +
-					'<strong>Online Total [ ' + (data.onlineRegisteredCount + data.onlineGuestCount) + ' ]</strong><br/>' +
-					'<strong>Socket Connections [ ' + data.socketCount + ' ]</strong>';
-
-		$('#active_users').html(html);
+		var html = '<div class="text-center pull-left">' + 
+						'<div>'+ data.onlineRegisteredCount +'</div>' + 
+						'<div>Users</div>' +
+					'</div>' +
+					'<div class="text-center pull-left">' + 
+						'<div>'+ data.onlineGuestCount +'</div>' + 
+						'<div>Guests</div>' +
+					'</div>' +
+					'<div class="text-center pull-left">' + 
+						'<div>'+ data.onlineRegisteredCount + data.onlineGuestCount +'</div>' + 
+						'<div>Total</div>' +
+					'</div>' +
+					'<div class="text-center pull-left">' + 
+						'<div>'+ data.socketCount +'</div>' + 
+						'<div>Socket<br />Connections</div>' +
+					'</div>';
+
+		$('#active-users').html(html);
 	};
 
 	var graphs = {
diff --git a/src/views/admin/index.tpl b/src/views/admin/index.tpl
index 3ea35062e6..810722c29e 100644
--- a/src/views/admin/index.tpl
+++ b/src/views/admin/index.tpl
@@ -9,7 +9,7 @@
 
 		<div class="row col-lg-9">
 			<!-- BEGIN stats -->
-			<div class="col-md-4">
+			<div class="col-lg-4 col-md-6">
 				<div class="panel panel-default">
 					<div class="panel-heading">{stats.name}</div>
 					<div class="panel-body">
@@ -36,11 +36,11 @@
 			</div>
 			<!-- END stats -->
 
-			<div class="col-md-3">
+			<div class="col-lg-4 col-md-6">
 				<div class="panel panel-default">
 					<div class="panel-heading">Active Users</div>
 					<div class="panel-body">
-						<div id="active_users"></div>
+						<div id="active-users"></div>
 					</div>
 				</div>
 			</div>