diff --git a/src/skins/vector/css/matrix-react-sdk/structures/_RoomStatusBar.scss b/src/skins/vector/css/matrix-react-sdk/structures/_RoomStatusBar.scss
index 12cecffe..b7bdeaa0 100644
--- a/src/skins/vector/css/matrix-react-sdk/structures/_RoomStatusBar.scss
+++ b/src/skins/vector/css/matrix-react-sdk/structures/_RoomStatusBar.scss
@@ -71,18 +71,20 @@ limitations under the License.
 }
 
 .mx_RoomStatusBar_typingIndicatorAvatars {
-    width: 24px;
+    width: 52px;
     text-align: left;
 }
 
 .mx_RoomStatusBar_typingIndicatorAvatars .mx_BaseAvatar {
     margin-right: -12px;
+    border:1px solid $primary-bg-color;
 }
 
 .mx_RoomStatusBar_typingIndicatorRemaining {
     display: inline-block;
     color: #acacac;
     background-color: #ddd;
+    border:1px solid $primary-bg-color;
     border-radius: 40px;
     width: 24px;
     height: 24px;