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
@@ -157,7 +157,7 @@
           triggerReply={triggerReply}
           triggerSidebar={triggerSidebar}
           isViewer={isViewer}
-          messageBoxStyle={swipeableMessageBoxStyle}
+          contentStyle={swipeableMessageBoxStyle}
           threadColor={item.threadInfo.color}
         >
           {avatar}
diff --git a/native/chat/swipeable-message.react.js b/native/chat/swipeable-message.react.js
--- a/native/chat/swipeable-message.react.js
+++ b/native/chat/swipeable-message.react.js
@@ -145,7 +145,7 @@
   +triggerReply?: () => mixed,
   +triggerSidebar?: () => mixed,
   +isViewer: boolean,
-  +messageBoxStyle: ViewStyle,
+  +contentStyle: ViewStyle,
   +threadColor: string,
   +children: React.Node,
 };
@@ -230,19 +230,19 @@
     ],
   );
 
-  const transformMessageBoxStyle = useAnimatedStyle(
+  const transformContentStyle = useAnimatedStyle(
     () => ({
       transform: [{ translateX: translateX.value }],
     }),
     [],
   );
 
-  const { messageBoxStyle, children } = props;
+  const { contentStyle, children } = props;
 
   if (!triggerReply && !triggerSidebar) {
     return (
       <PanGestureHandler enabled={false}>
-        <Animated.View style={messageBoxStyle}>{children}</Animated.View>
+        <Animated.View style={contentStyle}>{children}</Animated.View>
       </PanGestureHandler>
     );
   }
@@ -311,7 +311,7 @@
       failOffsetY={[-5, 5]}
       key="gesture"
     >
-      <Animated.View style={[messageBoxStyle, transformMessageBoxStyle]}>
+      <Animated.View style={[contentStyle, transformContentStyle]}>
         {children}
       </Animated.View>
     </PanGestureHandler>,