diff --git a/res/css/views/rooms/_GroupLayout.scss b/res/css/views/rooms/_GroupLayout.scss
index de4a5538cd..44eb8c1e89 100644
--- a/res/css/views/rooms/_GroupLayout.scss
+++ b/res/css/views/rooms/_GroupLayout.scss
@@ -108,12 +108,12 @@ $left-gutter: 65px;
             top: 27px;
         }
 
-        .mx_EventTile_continuation .mx_EventTile_readAvatars,
-        .mx_EventTile_emote .mx_EventTile_readAvatars {
+        &.mx_EventTile_continuation .mx_EventTile_readAvatars,
+        &.mx_EventTile_emote .mx_EventTile_readAvatars {
             top: 5px;
         }
 
-        .mx_EventTile_info .mx_EventTile_readAvatars {
+        &.mx_EventTile_info .mx_EventTile_readAvatars {
             top: 4px;
         }
 
diff --git a/res/css/views/rooms/_IRCLayout.scss b/res/css/views/rooms/_IRCLayout.scss
index a8eb35eeed..9f8d684c96 100644
--- a/res/css/views/rooms/_IRCLayout.scss
+++ b/res/css/views/rooms/_IRCLayout.scss
@@ -43,6 +43,10 @@ $irc-line-height: $font-18px;
         > .mx_EventTile_msgOption {
             order: 5;
             flex-shrink: 0;
+
+            .mx_EventTile_readAvatars {
+                top: 0.2rem; // ($irc-line-height - avatar height) / 2
+            }
         }
 
         > .mx_SenderProfile {
@@ -78,7 +82,7 @@ $irc-line-height: $font-18px;
             align-items: center;
 
             // Need to use important to override the js provided height and width values.
-            > .mx_BaseAvatar, .mx_BaseAvatar > * {
+            > .mx_BaseAvatar, > .mx_BaseAvatar > * {
                 height: $font-14px !important;
                 width: $font-14px !important;
                 font-size: $font-10px !important;