From 18cbb37e237cc03c40cdf35ad02a2969c3169872 Mon Sep 17 00:00:00 2001
From: chapoi <101828855+chapoi@users.noreply.github.com>
Date: Tue, 21 Nov 2023 17:16:19 +0100
Subject: [PATCH] UX: add height to non-highlighted mention (#24490)

---
 .../assets/stylesheets/common/chat-message.scss    | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/plugins/chat/assets/stylesheets/common/chat-message.scss b/plugins/chat/assets/stylesheets/common/chat-message.scss
index 84ff508091f..7510c9fcac4 100644
--- a/plugins/chat/assets/stylesheets/common/chat-message.scss
+++ b/plugins/chat/assets/stylesheets/common/chat-message.scss
@@ -66,10 +66,16 @@
       width: 100%;
     }
 
-    .mention.highlighted {
-      @include mention;
-      background: var(--tertiary-low);
-      color: var(--primary);
+    .mention {
+      padding: 0 0em 0.07em;
+      display: inline-block;
+      font-size: 0.93em;
+
+      &.highlighted {
+        @include mention;
+        background: var(--tertiary-low);
+        color: var(--primary);
+      }
     }
 
     // Automatic aspect-ratio mapping https://developer.mozilla.org/en-US/docs/Web/Media/images/aspect_ratio_mapping