From 773ad8f03d618e7fa42f4b7ebf6b18ed4ebbdab8 Mon Sep 17 00:00:00 2001
From: Hailey <me@haileyok.com>
Date: Wed, 1 May 2024 17:53:22 -0700
Subject: [PATCH] adjust styles

---
 .../Messages/Conversation/MessageItem.tsx     | 75 ++++++++++---------
 1 file changed, 38 insertions(+), 37 deletions(-)

diff --git a/src/screens/Messages/Conversation/MessageItem.tsx b/src/screens/Messages/Conversation/MessageItem.tsx
index f6c90d6a78..68b8ca0097 100644
--- a/src/screens/Messages/Conversation/MessageItem.tsx
+++ b/src/screens/Messages/Conversation/MessageItem.tsx
@@ -65,45 +65,46 @@ export function MessageItem({
   }, [control, playHaptic])
 
   return (
-    <GrowWrapper onOpenMenu={onOpenMenu} ref={itemRef}>
-      <View
-        style={[
-          a.py_sm,
-          a.px_lg,
-          a.my_2xs,
-          a.rounded_md,
-          isFromSelf ? a.self_end : a.self_start,
-          {
-            maxWidth: '65%',
-            backgroundColor: isFromSelf
-              ? t.palette.primary_500
-              : t.palette.contrast_50,
-            borderRadius: 17,
-          },
-          isFromSelf
-            ? {borderBottomRightRadius: isLastInGroup ? 2 : 17}
-            : {borderBottomLeftRadius: isLastInGroup ? 2 : 17},
-        ]}>
-        <Text
+    <View
+      style={{maxWidth: '65%', marginLeft: isFromSelf ? 'auto' : undefined}}>
+      <GrowWrapper onOpenMenu={onOpenMenu} ref={itemRef}>
+        <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>
-      <Metadata
-        message={item}
-        isLastInGroup={isLastInGroup}
-        style={isFromSelf ? a.text_right : a.text_left}
-      />
-      <MessageMenu
-        message={item}
-        onClose={() => itemRef.current?.reset()}
-        control={control}
-      />
-    </GrowWrapper>
+          <Text
+            style={[
+              a.text_md,
+              a.leading_snug,
+              isFromSelf && {color: t.palette.white},
+            ]}>
+            {item.text}
+          </Text>
+        </View>
+        <Metadata
+          message={item}
+          isLastInGroup={isLastInGroup}
+          style={isFromSelf ? a.text_right : a.text_left}
+        />
+        <MessageMenu
+          message={item}
+          onClose={() => itemRef.current?.reset()}
+          control={control}
+        />
+      </GrowWrapper>
+    </View>
   )
 }