From 923d06229c0963a711947717357f624cb64839e1 Mon Sep 17 00:00:00 2001
From: DS Boyce <260543580+ds-boyce@users.noreply.github.com>
Date: Mon, 4 May 2026 22:44:08 +0100
Subject: [PATCH] Don't sqaure corners around emoji-only messages (#10411)

---
 src/components/dms/MessageItem.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/dms/MessageItem.tsx b/src/components/dms/MessageItem.tsx
index 7706e9cec8..96ccb1665f 100644
--- a/src/components/dms/MessageItem.tsx
+++ b/src/components/dms/MessageItem.tsx
@@ -162,12 +162,16 @@ let MessageItem = ({
   const hasReactions = message.reactions && message.reactions.length > 0
   const prevHasReactions =
     prevIsMessage && prevMessage.reactions && prevMessage.reactions.length > 0
+  const isNextEmojiOnly = nextIsMessage && isOnlyEmoji(nextMessage.text)
+  const isPrevEmojiOnly = prevIsMessage && isOnlyEmoji(prevMessage.text)
   const squaredBottomCorner =
     !hasReactions &&
+    !isNextEmojiOnly &&
     isInCluster &&
     (isInMiddleOfCluster || effectiveFirstInCluster)
   const squaredTopCorner =
     !prevHasReactions &&
+    !isPrevEmojiOnly &&
     isInCluster &&
     (isInMiddleOfCluster || effectiveLastInCluster)