diff --git a/res/css/views/rooms/_TopUnreadMessagesBar.scss b/res/css/views/rooms/_TopUnreadMessagesBar.scss
index c4ca035a2e..67579552c1 100644
--- a/res/css/views/rooms/_TopUnreadMessagesBar.scss
+++ b/res/css/views/rooms/_TopUnreadMessagesBar.scss
@@ -14,6 +14,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
+@charset "utf-8";
+
 .mx_TopUnreadMessagesBar {
     z-index: 1000;
     position: absolute;
@@ -22,6 +24,22 @@ limitations under the License.
     width: 38px;
 }
 
+.mx_TopUnreadMessagesBar:after {
+    content: "·";
+    position: absolute;
+    top: -8px;
+    left: 11px;
+    width: 16px;
+    height: 16px;
+    border-radius: 16px;
+    font-weight: 600;
+    font-size: 30px;
+    line-height: 14px;
+    text-align: center;
+    color: $secondary-accent-color;
+    background-color: $accent-color;
+}
+
 .mx_TopUnreadMessagesBar_scrollUp {
     height: 38px;
     border-radius: 19px;