From 5b2c7214eb234f515a9fc861e76c3fe7dcb5c6e2 Mon Sep 17 00:00:00 2001
From: Ali Abbas Malik <aliabbasmalik8@gmail.com>
Date: Sun, 30 May 2021 23:34:07 -0700
Subject: [PATCH] [IS-2850] Fixed scroll issue

---
 .../report/ReportActionItemMessageEdit.js     | 28 ++++++++++---------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/pages/home/report/ReportActionItemMessageEdit.js b/src/pages/home/report/ReportActionItemMessageEdit.js
index cf9c96f1d30b..24598414f083 100644
--- a/src/pages/home/report/ReportActionItemMessageEdit.js
+++ b/src/pages/home/report/ReportActionItemMessageEdit.js
@@ -96,19 +96,21 @@ class ReportActionItemMessageEdit extends React.Component {
     render() {
         return (
             <View style={styles.chatItemMessage}>
-                <TextInputFocusable
-                    multiline
-                    onChangeText={this.updateDraft} // Debounced saveDraftComment
-                    onKeyPress={this.triggerSaveOrCancel}
-                    defaultValue={this.props.draftMessage}
-                    maxLines={16} // This is the same that slack has
-                    style={[styles.textInput, styles.flex0]}
-                    onFocus={() => {
-                        scrollToIndex({animated: true, index: this.props.index}, true);
-                        toggleReportActionComposeView(false);
-                    }}
-                    autoFocus
-                />
+                <View style={[styles.chatItemComposeBox, styles.flexRow, styles.chatItemComposeBoxColor]}>
+                    <TextInputFocusable
+                        multiline
+                        onChangeText={this.updateDraft} // Debounced saveDraftComment
+                        onKeyPress={this.triggerSaveOrCancel}
+                        defaultValue={this.props.draftMessage}
+                        maxLines={16} // This is the same that slack has
+                        style={[styles.textInputCompose, styles.flex4]}
+                        onFocus={() => {
+                            scrollToIndex({animated: true, index: this.props.index}, true);
+                            toggleReportActionComposeView(false);
+                        }}
+                        autoFocus
+                    />
+                </View>
                 <View style={[styles.flexRow, styles.mt1]}>
                     <Button
                         style={[styles.mr2]}