center the trigger

src/components/dms/ActionsWrapper.web.tsx

@@ -47,6 +47,7 @@ export function ActionsWrapper({
         <View
           style={[
             a.mr_md,
+            a.justify_center,
             {
               marginLeft: 'auto',
             },

src/components/dms/MessageItem.tsx

@@ -48,37 +48,39 @@ export function MessageItem({
   }, [item, next, isFromSelf, isNextFromSelf])
 
   return (
-    <ActionsWrapper isFromSelf={isFromSelf} message={item}>
+    <View>
-      <View
+      <ActionsWrapper isFromSelf={isFromSelf} message={item}>
-        style={[
+        <View
-          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
           style={[
-            a.text_md,
+            a.py_sm,
-            a.leading_snug,
+            a.px_lg,
-            isFromSelf && {color: t.palette.white},
+            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
-        </Text>
+            style={[
-      </View>
+              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>
   )
 }