From a7f5f9a0ebf5069ca5448e8fd432d335c022c4d0 Mon Sep 17 00:00:00 2001
From: Horus Lugo <horus@expensify.com>
Date: Tue, 10 Aug 2021 09:50:20 +0200
Subject: [PATCH] Merge pull request #4503 from parasharrajat/fix-alignment

fix: message alignment
(cherry picked from commit c9d2e750156e622ce14f9ea8123a87c7c4ac8118)
---
 .../InlineCodeBlock/index.native.js           | 22 +++++++++++--------
 src/components/RenderHTML/BaseRenderHTML.js   |  1 +
 src/styles/styles.js                          |  5 -----
 3 files changed, 14 insertions(+), 14 deletions(-)
diff --git a/src/components/InlineCodeBlock/index.native.js b/src/components/InlineCodeBlock/index.native.js
index b8f71b680a4f..621247f68cce 100644
--- a/src/components/InlineCodeBlock/index.native.js
+++ b/src/components/InlineCodeBlock/index.native.js
@@ -4,21 +4,25 @@ import WrappedText from './WrappedText';
 import inlineCodeBlockPropTypes from './inlineCodeBlockPropTypes';
 
 const InlineCodeBlock = ({
+    TDefaultRenderer,
     defaultRendererProps,
     boxModelStyle,
     textStyle,
 }) => (
-    <WrappedText
-        textStyles={[textStyle]}
-        wordStyles={[
-            boxModelStyle,
-            styles.codeWordStyle,
-        ]}
-        // eslint-disable-next-line react/jsx-props-no-spreading
+    <TDefaultRenderer
+    // eslint-disable-next-line react/jsx-props-no-spreading
         {...defaultRendererProps}
     >
-        {defaultRendererProps.tnode.data}
-    </WrappedText>
+        <WrappedText
+            textStyles={[textStyle]}
+            wordStyles={[
+                boxModelStyle,
+                styles.codeWordStyle,
+            ]}
+        >
+            {defaultRendererProps.tnode.data}
+        </WrappedText>
+    </TDefaultRenderer>
 );
 
 InlineCodeBlock.propTypes = inlineCodeBlockPropTypes;
diff --git a/src/components/RenderHTML/BaseRenderHTML.js b/src/components/RenderHTML/BaseRenderHTML.js
index dcf7fbe53958..42058198ced7 100755
--- a/src/components/RenderHTML/BaseRenderHTML.js
+++ b/src/components/RenderHTML/BaseRenderHTML.js
@@ -227,6 +227,7 @@ const BaseRenderHTML = ({html, debug, textSelectable}) => {
     return (
         <HTML
             defaultTextProps={{selectable: textSelectable}}
+            defaultViewProps={{style: {alignItems: 'flex-start'}}}
             customHTMLElementModels={customHTMLElementModels}
             renderers={renderers}
             renderersProps={renderersProps}
diff --git a/src/styles/styles.js b/src/styles/styles.js
index 31d8103e433f..f4a91d1784a3 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -1900,10 +1900,6 @@ const webViewStyles = {
     // styles from the renderer, just pass the "style" prop to the underlying
     // component.
     tagStyles: {
-        body: {
-            flexDirection: 'row',
-        },
-
         em: {
             fontFamily: fontFamily.GTA_ITALIC,
             fontStyle: 'italic',
@@ -1969,7 +1965,6 @@ const webViewStyles = {
         lineHeight: variables.fontSizeNormalHeight,
         fontFamily: fontFamily.GTA,
         flex: 1,
-        alignSelf: 'flex-start',
     },
 };
 
