diff --git a/src/components/MenuItem.js b/src/components/MenuItem.js
index e672c68b6133..dfb8491a2923 100644
--- a/src/components/MenuItem.js
+++ b/src/components/MenuItem.js
@@ -78,10 +78,10 @@ const MenuItem = (props) => {
             styles.popoverMenuText,
             props.icon ? styles.ml3 : undefined,
             props.shouldShowBasicTitle ? undefined : styles.textStrong,
+            props.shouldShowHeaderTitle ? styles.textHeadlineH1 : undefined,
             props.interactive && props.disabled ? {...styles.disabledText, ...styles.userSelectNone} : undefined,
             styles.pre,
             styles.ltr,
-            props.shouldShowHeaderTitle ? styles.textHeadlineH1 : undefined,
             isDeleted ? styles.offlineFeedback.deleted : undefined,
         ],
         props.titleStyle,
diff --git a/src/components/TaskHeader.js b/src/components/TaskHeader.js
index 2a6d62183954..4c07e673a1c5 100644
--- a/src/components/TaskHeader.js
+++ b/src/components/TaskHeader.js
@@ -110,12 +110,14 @@ function TaskHeader(props) {
                 description={props.translate('newTaskPage.task')}
                 onPress={() => Navigation.navigate(ROUTES.getTaskReportTitleRoute(props.report.reportID))}
                 disabled={!isOpen}
+                interactive={isOpen}
             />
             <MenuItemWithTopDescription
                 title={lodashGet(props.report, 'description', '')}
                 description={props.translate('newTaskPage.description')}
                 onPress={() => Navigation.navigate(ROUTES.getTaskReportDescriptionRoute(props.report.reportID))}
                 disabled={!isOpen}
+                interactive={isOpen}
             />
         </View>
     );