diff --git a/native/chat/composed-message.react.js b/native/chat/composed-message.react.js
--- a/native/chat/composed-message.react.js
+++ b/native/chat/composed-message.react.js
@@ -94,10 +94,6 @@
       { marginBottom: containerMarginBottom },
       highlightStyle,
     ];
-    const swipeableMessageBoxStyle = [
-      styles.swipeableContainer,
-      { maxWidth: composedMessageMaxWidth },
-    ];
 
     const messageBoxContainerStyle = [styles.messageBoxContainer];
     const positioningStyle = isViewer
@@ -151,19 +147,22 @@
       avatar = <View style={styles.avatarOffset} />;
     }
 
+    const messageBoxStyle = {
+      opacity: contentAndHeaderOpacity,
+      maxWidth: composedMessageMaxWidth,
+    };
+
     const messageBox = (
       <View style={messageBoxContainerStyle}>
         <SwipeableMessage
           triggerReply={triggerReply}
           triggerSidebar={triggerSidebar}
           isViewer={isViewer}
-          contentStyle={swipeableMessageBoxStyle}
+          contentStyle={styles.swipeableContainer}
           threadColor={item.threadInfo.color}
         >
           {avatar}
-          <AnimatedView style={{ opacity: contentAndHeaderOpacity }}>
-            {children}
-          </AnimatedView>
+          <AnimatedView style={messageBoxStyle}>{children}</AnimatedView>
         </SwipeableMessage>
       </View>
     );