diff --git a/src/components/dms/MessageItem.tsx b/src/components/dms/MessageItem.tsx
index bb2bede5fc..71ef8b46d0 100644
--- a/src/components/dms/MessageItem.tsx
+++ b/src/components/dms/MessageItem.tsx
@@ -57,7 +57,12 @@ export function MessageItem({
 
   return (
     <View
-      style={{maxWidth: '65%', marginLeft: isFromSelf ? 'auto' : undefined}}>
+      style={[
+        {
+          maxWidth: '65%',
+        },
+        isFromSelf ? a.self_end : a.self_start,
+      ]}>
       <GrowWrapper onOpenMenu={onOpenMenu}>
         <View
           style={[