diff --git a/src/components/MenuItem.js b/src/components/MenuItem.js
index 52eed13e1208..07538b7ec658 100644
--- a/src/components/MenuItem.js
+++ b/src/components/MenuItem.js
@@ -74,7 +74,7 @@ function MenuItem(props) {
     const descriptionVerticalMargin = props.shouldShowDescriptionOnTop ? styles.mb1 : styles.mt1;
     const titleTextStyle = StyleUtils.combineStyles(
         [
-            styles.flex1,
+            styles.flexShrink1,
             styles.popoverMenuText,
             props.icon && !_.isArray(props.icon) ? styles.ml3 : undefined,
             props.shouldShowBasicTitle ? undefined : styles.textStrong,
diff --git a/src/pages/settings/Profile/PersonalDetails/PersonalDetailsInitialPage.js b/src/pages/settings/Profile/PersonalDetails/PersonalDetailsInitialPage.js
index a466d2091de1..c155e232295f 100644
--- a/src/pages/settings/Profile/PersonalDetails/PersonalDetailsInitialPage.js
+++ b/src/pages/settings/Profile/PersonalDetails/PersonalDetailsInitialPage.js
@@ -109,6 +109,7 @@ function PersonalDetailsInitialPage(props) {
                         description={props.translate('common.dob')}
                         shouldShowRightIcon
                         onPress={() => Navigation.navigate(ROUTES.SETTINGS_PERSONAL_DETAILS_DATE_OF_BIRTH)}
+                        titleStyle={[styles.flex1]}
                     />
                     <MenuItemWithTopDescription
                         title={getFormattedAddress()}