From 2c9b74387e9694004dffe87fe303413e6d891787 Mon Sep 17 00:00:00 2001
From: Elias Nahum <nahumhbl@gmail.com>
Date: Mon, 20 Sep 2021 18:00:24 -0300
Subject: [PATCH] Fix Markdown image layout on rotation

---
 app/components/markdown/markdown_image/index.tsx | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/app/components/markdown/markdown_image/index.tsx b/app/components/markdown/markdown_image/index.tsx
index b8ac1aed7..e0d6f5678 100644
--- a/app/components/markdown/markdown_image/index.tsx
+++ b/app/components/markdown/markdown_image/index.tsx
@@ -168,7 +168,7 @@ const MarkdownImage = ({
         if (Platform.OS === 'android' && (height > ANDROID_MAX_HEIGHT || width > ANDROID_MAX_WIDTH)) {
             // Android has a cap on the max image size that can be displayed
             image = (
-                <Text style={errorTextStyle}>
+                <Text style={[errorTextStyle, style.container]}>
                     <FormattedText
                         id='mobile.markdown.image.too_large'
                         defaultMessage='Image exceeds max dimensions of {maxWidth} by {maxHeight}:'
@@ -186,7 +186,7 @@ const MarkdownImage = ({
                     disabled={disabled}
                     onLongPress={handleLinkLongPress}
                     onPress={handlePreviewImage}
-                    style={{width, height}}
+                    style={[{width, height}, style.container]}
                 >
                     <ProgressiveImage
                         id={fileInfo.id}
@@ -205,7 +205,7 @@ const MarkdownImage = ({
             <TouchableWithFeedback
                 onPress={handleLinkPress}
                 onLongPress={handleLinkLongPress}
-                style={{width, height}}
+                style={[{width, height}, style.container]}
             >
                 {image}
             </TouchableWithFeedback>
@@ -213,10 +213,7 @@ const MarkdownImage = ({
     }
 
     return (
-        <View
-            style={style.container}
-            testID='markdown_image'
-        >
+        <View testID='markdown_image'>
             {image}
         </View>
     );