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,6 +48,7 @@ export function MessageItem({
   }, [item, next, isFromSelf, isNextFromSelf])
 
   return (
+    <View>
       <ActionsWrapper isFromSelf={isFromSelf} message={item}>
         <View
           style={[
@@ -74,11 +75,12 @@ export function MessageItem({
             {item.text}
           </Text>
         </View>
+      </ActionsWrapper>
       <MessageItemMetadata
         message={item}
         isLastInGroup={isLastInGroup}
         style={isFromSelf ? a.text_right : a.text_left}
       />
-    </ActionsWrapper>
+    </View>
   )
 }