diff --git a/src/web/routes/user/user.css b/src/web/routes/user/user.css
index 9d71232..95cffda 100644
--- a/src/web/routes/user/user.css
+++ b/src/web/routes/user/user.css
@@ -41,6 +41,12 @@
   color: #ccc;
 }
 
+.counter-rooms{
+  display: flex;
+  gap: 10px;
+  flex-direction: row;
+}
+
 .room-container {
   margin-right: auto;
   margin-left: auto;
diff --git a/src/web/routes/user/user.html b/src/web/routes/user/user.html
index a72575e..c09ae96 100644
--- a/src/web/routes/user/user.html
+++ b/src/web/routes/user/user.html
@@ -43,8 +43,13 @@ <h2>Join a Room</h2>
         <p class="description">Join an existing room using a room code to experience synchronized Spotify music with others.</p>
       </div>
     </div>
-    <div class="room-container">
-      <p class="counter-rooms">{{num_total_rooms}} Total rooms</p>
+    <div class ="counter-rooms">
+      <div class="room-container">
+        <p class="counter-rooms">{{num_total_rooms}} Total rooms</p>
+      </div>
+      <div class="room-container">
+        <p class="counter-rooms">{{num_public_rooms}} Public rooms</p>
+      </div>
     </div>
     <!--
     <footer>