Merge pull request #526 from GetStream/vishal/style-fix

Make MessageContent to occupy parent width

Author: nhannah

src/components/Message/MessageSimple/MessageContent.tsx

@@ -188,6 +188,7 @@ export const MessageContentWithContext = <
           errorIconContainer,
           replyBorder,
           replyContainer,
+          wrapper,
         },
         reactionList: { radius, reactionSize },
       },
@@ -286,7 +287,7 @@ export const MessageContentWithContext = <
           testID='message-header'
         />
       )}
-      <View onLayout={onLayout}>
+      <View onLayout={onLayout} style={wrapper}>
         {hasThreadReplies && !threadList && repliesEnabled && !noBorder && (
           <View
             style={[

src/contexts/themeContext/utils/theme.ts

@@ -374,6 +374,7 @@ export type Theme = {
       textContainer: ViewStyle & {
         onlyEmojiMarkdown: MarkdownStyle;
       };
+      wrapper: ViewStyle;
     };
     file: {
       container: ViewStyle;
@@ -834,6 +835,7 @@ export const defaultTheme: Theme = {
       textContainer: {
         onlyEmojiMarkdown: { text: { fontSize: 50 } },
       },
+      wrapper: {},
     },
     file: {
       container: {},