From 1b9476b9bb14727c5307005922caab8990fad9e7 Mon Sep 17 00:00:00 2001
From: Bartosz Grajdek <bartosz.grajdek@swmansion.com>
Date: Tue, 7 Jan 2025 14:00:56 +0100
Subject: [PATCH] fix: mention background alignment

---
 src/web/MarkdownTextInput.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/web/MarkdownTextInput.css b/src/web/MarkdownTextInput.css
index 0b73db96..10953b5b 100644
--- a/src/web/MarkdownTextInput.css
+++ b/src/web/MarkdownTextInput.css
@@ -18,10 +18,16 @@
   display: none;
 }
 
-.react-native-live-markdown-input-singleline span[data-type="text"] {
+.react-native-live-markdown-input-singleline span[data-type='text'] {
   vertical-align: middle;
 }
 
+.react-native-live-markdown-input-singleline span[data-type='mention-user'] > span,
+.react-native-live-markdown-input-singleline span[data-type='mention-here'] > span,
+.react-native-live-markdown-input-singleline span[data-type='mention-report'] > span {
+  background: inherit;
+}
+
 .react-native-live-markdown-input-singleline:empty::before,
 .react-native-live-markdown-input-multiline:empty::before {
   pointer-events: none;