diff --git a/js/client-rooms.js b/js/client-rooms.js
index 238e2ca51..a907238a6 100644
--- a/js/client-rooms.js
+++ b/js/client-rooms.js
@@ -59,8 +59,8 @@
 				var userCount = Number(rooms.userCount);
 				var battleCount = Number(rooms.battleCount);
 				buf += '<table class="roomcounters" border="0" cellspacing="0" cellpadding="0" width="100%"><tr><td>';
-				buf += '<button class="button" name="finduser"><strong>' + userCount + '</strong> ' + (userCount == 1 ? 'user' : 'users') + ' online</button></td><td>';
-				buf += '<button class="button" name="roomlist"><strong>' + battleCount + '</strong> active ' + (battleCount == 1 ? 'battle' : 'battles') + '</button>';
+				buf += '<span style="' + Tools.getIcon('meloetta') + ';display:inline-block;vertical-align:middle;transform:scaleX(-1);webkit-transform:scaleX(-1);" class="pokemonicon" title="Meloetta is PS\'s mascot! The Aria forme is about using its voice, and represents our chatrooms."></span> <button class="button" name="finduser"><strong>' + userCount + '</strong> ' + (userCount == 1 ? 'user' : 'users') + ' online</button></td><td>';
+				buf += '<button class="button" name="roomlist"><strong>' + battleCount + '</strong> active ' + (battleCount == 1 ? 'battle' : 'battles') + '</button> <span style="' + Tools.getIcon('meloetta-pirouette') + ';display:inline-block;vertical-align:middle" class="pokemonicon" title="Meloetta is PS\'s mascot! The Pirouette forme is Fighting-type, and represents our battles."></span>';
 				buf += '</td></tr></table>';
 				this.$('.roomlisttop').html(buf);
 			}
diff --git a/style/client.css b/style/client.css
index c7b29245d..c5bf4bae9 100644
--- a/style/client.css
+++ b/style/client.css
@@ -947,12 +947,16 @@ p.or:after {
 	max-width: 480px;
 	margin-bottom: 10px;
 }
+.roomcounters {
+	margin: 4px auto;
+	max-width: 400px;
+}
 .roomcounters td {
 	text-align: center;
 }
 .roomcounters button {
 	margin: 0 auto;
-	width: 140px;
+	width: 120px;
 	height: 60px;
 	padding: 3px 8px;
 	text-align: center;