From 7b3a3f506ab2759cdf50f8c7f3559a429916b298 Mon Sep 17 00:00:00 2001
From: Freeplay <freeplay@duck.com>
Date: Sun, 4 Jun 2023 16:29:12 -0400
Subject: [PATCH] fix background of mentions

---
 packages/client/src/components/MkMention.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/client/src/components/MkMention.vue b/packages/client/src/components/MkMention.vue
index c191a08b2..59e0fb92e 100644
--- a/packages/client/src/components/MkMention.vue
+++ b/packages/client/src/components/MkMention.vue
@@ -2,7 +2,7 @@
 	<MkA
 		v-if="url.startsWith('/')"
 		v-user-preview="canonical"
-		class="akbvjaqn"
+		class="mention"
 		:class="{ isMe }"
 		:to="url"
 		@click.stop
@@ -19,7 +19,7 @@
 	</MkA>
 	<a
 		v-else
-		class="akbvjaqn"
+		class="mention"
 		:href="url"
 		target="_blank"
 		rel="noopener"
@@ -58,7 +58,7 @@ const isMe =
 </script>
 
 <style lang="scss" scoped>
-.akbvjaqn {
+.mention {
 	position: relative;
 	display: inline-block;
 	padding: 2px 8px 2px 2px;
@@ -68,6 +68,7 @@ const isMe =
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	color: var(--mention);
+	isolation: isolate;
 
 	&::before {
 		content: "";