diff --git a/src/views/chats.tpl b/src/views/chats.tpl
index 1d42649981..2be62f31e0 100644
--- a/src/views/chats.tpl
+++ b/src/views/chats.tpl
@@ -20,7 +20,10 @@
 						<div class="d-flex gap-1 flex-column">
 							{{{ each publicRooms }}}
 							<div component="chat/public/room" class="btn btn-ghost btn-sm ff-sans d-flex justify-content-between hover-parent {{{ if ./unread}}}unread{{{ end }}}" data-roomid="{./roomId}">
-								<div class="d-flex gap-1 align-items-center"><i class="fa {./icon} text-muted"></i> {./roomName} <div component="chat/public/room/unread/count" data-count="{./unreadCount}" class="badge border bg-light text-primary {{{ if !./unreadCount }}}hidden{{{ end }}}">{./unreadCountText}</div></div>
+								<div class="d-flex gap-1 align-items-baseline">
+									<i class="fa {./icon} text-muted"></i> {./roomName}
+									<div component="chat/public/room/unread/count" data-count="{./unreadCount}" class="badge border bg-light text-primary {{{ if !./unreadCount }}}hidden{{{ end }}}">{./unreadCountText}</div>
+								</div>
 								<div>
 									<div component="chat/public/room/sort/handle" class="text-muted {{{ if isAdmin }}}hover-d-block{{{ else }}}d-none{{{ end }}}" style="cursor:grab;"><i class="fa fa-bars"></i></div>
 								</div>