From 7bd47642b5eca1b183e8f9dcad9e5c5cda27fb4e Mon Sep 17 00:00:00 2001
From: vishtree <vishalnarkhede.iitd@gmail.com>
Date: Wed, 17 Feb 2021 23:33:59 +0100
Subject: [PATCH 1/2] Make MessageCotent to occupy parent width

---
 src/components/Message/MessageSimple/MessageContent.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Message/MessageSimple/MessageContent.tsx b/src/components/Message/MessageSimple/MessageContent.tsx
index 7866747ce5..3eddacac86 100644
--- a/src/components/Message/MessageSimple/MessageContent.tsx
+++ b/src/components/Message/MessageSimple/MessageContent.tsx
@@ -286,7 +286,7 @@ export const MessageContentWithContext = <
           testID='message-header'
         />
       )}
-      <View onLayout={onLayout}>
+      <View onLayout={onLayout} style={{ width: '100%' }}>
         {hasThreadReplies && !threadList && repliesEnabled && !noBorder && (
           <View
             style={[

From e31b4d451ffa4ad047443a6868552753150b23de Mon Sep 17 00:00:00 2001
From: nhannah <ne.hannah@gmail.com>
Date: Wed, 17 Feb 2021 18:01:16 -0700
Subject: [PATCH 2/2] add wrapper style

---
 src/components/Message/MessageSimple/MessageContent.tsx | 3 ++-
 src/contexts/themeContext/utils/theme.ts                | 2 ++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/Message/MessageSimple/MessageContent.tsx b/src/components/Message/MessageSimple/MessageContent.tsx
index 3eddacac86..c1bdee780b 100644
--- a/src/components/Message/MessageSimple/MessageContent.tsx
+++ b/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} style={{ width: '100%' }}>
+      <View onLayout={onLayout} style={wrapper}>
         {hasThreadReplies && !threadList && repliesEnabled && !noBorder && (
           <View
             style={[
diff --git a/src/contexts/themeContext/utils/theme.ts b/src/contexts/themeContext/utils/theme.ts
index 1176c028c0..900ced166b 100644
--- a/src/contexts/themeContext/utils/theme.ts
+++ b/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: {},