diff --git a/css/converse.css b/css/converse.css
index 2ec3f8007..0a44b2c2f 100644
--- a/css/converse.css
+++ b/css/converse.css
@@ -5846,10 +5846,11 @@ body.reset {
             #conversejs #converse-roster .roster-contacts .roster-group li .open-chat.unread-msgs .contact-name {
               width: 70%; }
           #conversejs #converse-roster .roster-contacts .roster-group li .open-chat .msgs-indicator {
+            color: white;
             background-color: #3AA569;
             opacity: 1;
             border-radius: 10%;
-            padding: 0 0.2em;
+            padding: 0.2em;
             font-size: 12px; }
           #conversejs #converse-roster .roster-contacts .roster-group li .open-chat .contact-name {
             overflow: hidden;
@@ -5879,8 +5880,7 @@ body.reset {
           white-space: nowrap;
           text-overflow: ellipsis; }
         #conversejs #converse-roster .roster-contacts .roster-group li span {
-          padding: 0;
-          height: 100%; }
+          padding: 0; }
         #conversejs #converse-roster .roster-contacts .roster-group li a.decline-xmpp-request {
           margin-left: 5px; }
         #conversejs #converse-roster .roster-contacts .roster-group li a.remove-xmpp-contact {
diff --git a/css/inverse.css b/css/inverse.css
index 2af56e06b..db96b601b 100644
--- a/css/inverse.css
+++ b/css/inverse.css
@@ -5978,10 +5978,11 @@ body {
             #conversejs #converse-roster .roster-contacts .roster-group li .open-chat.unread-msgs .contact-name {
               width: 70%; }
           #conversejs #converse-roster .roster-contacts .roster-group li .open-chat .msgs-indicator {
+            color: white;
             background-color: #3AA569;
             opacity: 1;
             border-radius: 10%;
-            padding: 0 0.2em;
+            padding: 0.2em;
             font-size: 14px; }
           #conversejs #converse-roster .roster-contacts .roster-group li .open-chat .contact-name {
             overflow: hidden;
@@ -6011,8 +6012,7 @@ body {
           white-space: nowrap;
           text-overflow: ellipsis; }
         #conversejs #converse-roster .roster-contacts .roster-group li span {
-          padding: 0;
-          height: 100%; }
+          padding: 0; }
         #conversejs #converse-roster .roster-contacts .roster-group li a.decline-xmpp-request {
           margin-left: 5px; }
         #conversejs #converse-roster .roster-contacts .roster-group li a.remove-xmpp-contact {
diff --git a/sass/_roster.scss b/sass/_roster.scss
index 640f80007..4019d94e5 100644
--- a/sass/_roster.scss
+++ b/sass/_roster.scss
@@ -113,10 +113,11 @@
                     }
 
                     .msgs-indicator {
+                        color: white;
                         background-color: $chat-head-color;
                         opacity: 1;
                         border-radius: 10%;
-                        padding: 0 0.2em;
+                        padding: 0.2em;
                         font-size: $font-size-small;
                     }
 
@@ -157,7 +158,6 @@
                 }
                 span {
                     padding: 0;
-                    height: 100%;
                 }
                 a {
                     &.decline-xmpp-request {