diff --git a/package-lock.json b/package-lock.json
index 4b90e73e8bee..137ff018966b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12101,6 +12101,11 @@
         }
       }
     },
+    "react-native-keyboard-spacer": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/react-native-keyboard-spacer/-/react-native-keyboard-spacer-0.4.1.tgz",
+      "integrity": "sha1-RvGKMgQyCYol6p+on1FD3SVNMy0="
+    },
     "react-native-web": {
       "version": "0.13.5",
       "resolved": "https://registry.npmjs.org/react-native-web/-/react-native-web-0.13.5.tgz",
diff --git a/package.json b/package.json
index d421e5a01887..bccee8e920c8 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
     "react-beforeunload": "^2.2.2",
     "react-dom": "^16.13.1",
     "react-native": "0.63.2",
+    "react-native-keyboard-spacer": "^0.4.1",
     "react-native-web": "^0.13.5",
     "react-router-dom": "^5.2.0",
     "react-router-native": "^5.2.0",
diff --git a/src/components/KeyboardSpacer/index.ios.js b/src/components/KeyboardSpacer/index.ios.js
new file mode 100644
index 000000000000..82938000436c
--- /dev/null
+++ b/src/components/KeyboardSpacer/index.ios.js
@@ -0,0 +1,8 @@
+import ReactNativeKeyboardSpacer from 'react-native-keyboard-spacer';
+import React from 'react';
+
+const KeyboardSpacer = () => (
+    <ReactNativeKeyboardSpacer topSpacing={-36} />
+);
+
+export default KeyboardSpacer;
diff --git a/src/components/KeyboardSpacer/index.js b/src/components/KeyboardSpacer/index.js
new file mode 100644
index 000000000000..e73cda6f1628
--- /dev/null
+++ b/src/components/KeyboardSpacer/index.js
@@ -0,0 +1,3 @@
+const KeyboardSpacer = () => null;
+
+export default KeyboardSpacer;
diff --git a/src/page/HomePage/Report/ReportHistoryCompose.js b/src/page/HomePage/Report/ReportHistoryCompose.js
index 8233b357744e..143936745a48 100644
--- a/src/page/HomePage/Report/ReportHistoryCompose.js
+++ b/src/page/HomePage/Report/ReportHistoryCompose.js
@@ -81,7 +81,7 @@ class ReportHistoryCompose extends React.Component {
                 <TextInput
                     ref={el => this.textInput = el}
                     multiline
-                    textAlignVertical
+                    textAlignVertical="top"
                     numberOfLines={3}
                     minHeight={60}
                     maxHeight={60}
diff --git a/src/page/HomePage/Report/ReportView.js b/src/page/HomePage/Report/ReportView.js
index 00a7749e6abf..62f38ee0daf2 100644
--- a/src/page/HomePage/Report/ReportView.js
+++ b/src/page/HomePage/Report/ReportView.js
@@ -5,6 +5,7 @@ import styles from '../../../style/StyleSheet';
 import ReportHistoryView from './ReportHistoryView';
 import ReportHistoryCompose from './ReportHistoryCompose';
 import {addHistoryItem} from '../../../store/actions/ReportActions';
+import KeyboardSpacer from '../../../components/KeyboardSpacer';
 
 const ReportView = () => (
     <View style={styles.flex1}>
@@ -25,9 +26,9 @@ const ReportView = () => (
                 />
             )}
         />
+        <KeyboardSpacer />
     </View>
 );
-
 ReportView.displayName = 'ReportView';
 
 export default withRouter(ReportView);