From 2f8ad17aed81bbfa2fd20b6cc9210be92779bd74 Mon Sep 17 00:00:00 2001
From: chapoi <101828855+chapoi@users.noreply.github.com>
Date: Mon, 6 Feb 2023 10:56:52 +0100
Subject: [PATCH] UX: apply same style for highlight mention span (#20176)

---
 plugins/chat/assets/stylesheets/common/chat-message.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/plugins/chat/assets/stylesheets/common/chat-message.scss b/plugins/chat/assets/stylesheets/common/chat-message.scss
index 6eb92b80ff5..62f20b46237 100644
--- a/plugins/chat/assets/stylesheets/common/chat-message.scss
+++ b/plugins/chat/assets/stylesheets/common/chat-message.scss
@@ -136,6 +136,12 @@
     .mention.highlighted {
       background: var(--tertiary-low);
       color: var(--primary);
+      display: inline-block;
+      font-size: 0.93em;
+      font-weight: normal;
+      padding: 0 0.3em 0.07em;
+      border-radius: 0.6em;
+      text-decoration: none;
     }
 
     img.ytp-thumbnail-image {