diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/RoomTile.css b/src/skins/vector/css/matrix-react-sdk/views/rooms/RoomTile.css
index d95d3aa6f7..b6b0448161 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/RoomTile.css
+++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/RoomTile.css
@@ -61,6 +61,11 @@ limitations under the License.
 .collapsed .mx_RoomTile_badge {
     margin-top: -15px;
     right: 7px;
+    min-width: 12px;
+    height: 16px;
+    border-radius: 16px;
+    padding: 0px 4px 0px 4px;
+    z-index: 200;
 }
 
 .mx_RoomTile_badge {
@@ -76,7 +81,6 @@ limitations under the License.
     font-size: 11px;
     text-align: center;
     padding: 2px 6px 0px 5px;
-    z-index: 200;
 }
 
 .mx_RoomTile_unreadNotify .mx_RoomTile_badge {