diff --git a/src/components/MenuItem.js b/src/components/MenuItem.js
index a59dd6d7b971..7be79cb93267 100644
--- a/src/components/MenuItem.js
+++ b/src/components/MenuItem.js
@@ -67,6 +67,7 @@ const defaultProps = {
hoverAndPressStyle: [],
furtherDetails: '',
furtherDetailsIcon: undefined,
+ numberOfLinesTitle: 1,
};
function MenuItem(props) {
@@ -79,8 +80,8 @@ function MenuItem(props) {
props.icon && !_.isArray(props.icon) ? styles.ml3 : undefined,
props.shouldShowBasicTitle ? undefined : styles.textStrong,
props.shouldShowHeaderTitle ? styles.textHeadlineH1 : undefined,
+ props.numberOfLinesTitle > 1 ? styles.preWrap : styles.pre,
props.interactive && props.disabled ? {...styles.userSelectNone} : undefined,
- styles.pre,
styles.ltr,
isDeleted ? styles.offlineFeedback.deleted : undefined,
],
@@ -193,7 +194,7 @@ function MenuItem(props) {
{Boolean(props.title) && (
{convertToLTR(props.title)}
diff --git a/src/pages/tasks/NewTaskPage.js b/src/pages/tasks/NewTaskPage.js
index f1c04a82bb0a..ea049d557da4 100644
--- a/src/pages/tasks/NewTaskPage.js
+++ b/src/pages/tasks/NewTaskPage.js
@@ -157,6 +157,7 @@ function NewTaskPage(props) {
title={props.task.description || ''}
onPress={() => Navigation.navigate(ROUTES.NEW_TASK_DESCRIPTION)}
shouldShowRightIcon
+ numberOfLinesTitle={2}
/>