From 9a2762c237339dde94cddb489315aa978e90a08b Mon Sep 17 00:00:00 2001
From: Hailey <me@haileyok.com>
Date: Thu, 2 May 2024 12:06:08 -0700
Subject: [PATCH] center the trigger

---
 src/components/dms/ActionsWrapper.web.tsx |  1 +
 src/components/dms/MessageItem.tsx        | 52 ++++++++++++-----------
 2 files changed, 28 insertions(+), 25 deletions(-)

diff --git a/src/components/dms/ActionsWrapper.web.tsx b/src/components/dms/ActionsWrapper.web.tsx
index afd9353df4..f7de452967 100644
--- a/src/components/dms/ActionsWrapper.web.tsx
+++ b/src/components/dms/ActionsWrapper.web.tsx
@@ -47,6 +47,7 @@ export function ActionsWrapper({
         <View
           style={[
             a.mr_md,
+            a.justify_center,
             {
               marginLeft: 'auto',
             },
diff --git a/src/components/dms/MessageItem.tsx b/src/components/dms/MessageItem.tsx
index 46357ab596..5f781b455c 100644
--- a/src/components/dms/MessageItem.tsx
+++ b/src/components/dms/MessageItem.tsx
@@ -48,37 +48,39 @@ export function MessageItem({
   }, [item, next, isFromSelf, isNextFromSelf])
 
   return (
-    <ActionsWrapper isFromSelf={isFromSelf} message={item}>
-      <View
-        style={[
-          a.py_sm,
-          a.px_lg,
-          a.my_2xs,
-          a.rounded_md,
-          {
-            backgroundColor: isFromSelf
-              ? t.palette.primary_500
-              : t.palette.contrast_50,
-            borderRadius: 17,
-          },
-          isFromSelf
-            ? {borderBottomRightRadius: isLastInGroup ? 2 : 17}
-            : {borderBottomLeftRadius: isLastInGroup ? 2 : 17},
-        ]}>
-        <Text
+    <View>
+      <ActionsWrapper isFromSelf={isFromSelf} message={item}>
+        <View
           style={[
-            a.text_md,
-            a.leading_snug,
-            isFromSelf && {color: t.palette.white},
+            a.py_sm,
+            a.px_lg,
+            a.my_2xs,
+            a.rounded_md,
+            {
+              backgroundColor: isFromSelf
+                ? t.palette.primary_500
+                : t.palette.contrast_50,
+              borderRadius: 17,
+            },
+            isFromSelf
+              ? {borderBottomRightRadius: isLastInGroup ? 2 : 17}
+              : {borderBottomLeftRadius: isLastInGroup ? 2 : 17},
           ]}>
-          {item.text}
-        </Text>
-      </View>
+          <Text
+            style={[
+              a.text_md,
+              a.leading_snug,
+              isFromSelf && {color: t.palette.white},
+            ]}>
+            {item.text}
+          </Text>
+        </View>
+      </ActionsWrapper>
       <MessageItemMetadata
         message={item}
         isLastInGroup={isLastInGroup}
         style={isFromSelf ? a.text_right : a.text_left}
       />
-    </ActionsWrapper>
+    </View>
   )
 }