diff --git a/files/assets/css/chat.css b/files/assets/css/chat.css
index 086ff4919..c26d517e2 100644
--- a/files/assets/css/chat.css
+++ b/files/assets/css/chat.css
@@ -26,8 +26,17 @@
 }
 
 .chat-mention {
-	background-color: #ffffff44;
-	border-radius: 3px;
+    position: relative;
+}
+
+.chat-mention::before {
+    content: "";
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    left: 0;
+    background-color: var(--primary);
+    opacity: 0.12;
 }
 
 p, h1, h2, h3, h4, h5 {