From 775b824d3f8d215382b28482886538e4d69deee4 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Fri, 28 Jul 2023 20:10:07 -0700
Subject: [PATCH] fix: :lipstick: max width for long emojis

long emojis are funny, but not to the point where they break the UI
---
 packages/client/src/components/MkReactedUsers.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/client/src/components/MkReactedUsers.vue b/packages/client/src/components/MkReactedUsers.vue
index 56c980c643..2173df9988 100644
--- a/packages/client/src/components/MkReactedUsers.vue
+++ b/packages/client/src/components/MkReactedUsers.vue
@@ -16,6 +16,7 @@
 							: reaction
 					"
 					:custom-emojis="note.emojis"
+					style="max-width: 100%;"
 				/>
 				<span style="margin-left: 4px">{{
 					note.reactions[reaction]
@@ -83,6 +84,7 @@ onMounted(() => {
 	padding: 4px 6px;
 	border: solid 1px var(--divider);
 	border-radius: 6px;
+	max-width: 50%;
 }
 
 .tabActive {