diff --git a/src/pages/home/report/ReportActionItemMessageEdit.js b/src/pages/home/report/ReportActionItemMessageEdit.js index 1aea1278316d..c2b270c9085a 100644 --- a/src/pages/home/report/ReportActionItemMessageEdit.js +++ b/src/pages/home/report/ReportActionItemMessageEdit.js @@ -207,7 +207,7 @@ class ReportActionItemMessageEdit extends React.Component { onKeyPress={this.triggerSaveOrCancel} defaultValue={this.state.draft} maxLines={16} // This is the same that slack has - style={[styles.textInputCompose, styles.flex4]} + style={[styles.textInputCompose, styles.flex4, styles.editInputComposeSpacing]} onFocus={() => { ReportScrollManager.scrollToIndex({animated: true, index: this.props.index}, true); toggleReportActionComposeView(false, VirtualKeyboard.shouldAssumeIsOpen()); diff --git a/src/styles/styles.js b/src/styles/styles.js index 482a70f56ca3..dfb6c673ef73 100644 --- a/src/styles/styles.js +++ b/src/styles/styles.js @@ -1399,6 +1399,10 @@ const styles = { maxHeight: '100%', }, + editInputComposeSpacing: { + marginVertical: 6, + }, + textInputComposeSpacing: { paddingVertical: 6, ...flex.flexRow,