diff --git a/src/components/TaskHeader.js b/src/components/TaskHeader.js
index 850271049fe1..4cf8e44254d2 100644
--- a/src/components/TaskHeader.js
+++ b/src/components/TaskHeader.js
@@ -1,5 +1,5 @@
import React, {useEffect} from 'react';
-import {View, TouchableOpacity} from 'react-native';
+import {View} from 'react-native';
import PropTypes from 'prop-types';
import lodashGet from 'lodash/get';
import _ from 'underscore';
@@ -22,6 +22,7 @@ import MenuItemWithTopDescription from './MenuItemWithTopDescription';
import Button from './Button';
import * as TaskUtils from '../libs/actions/Task';
import * as UserUtils from '../libs/UserUtils';
+import PressableWithFeedback from './Pressable/PressableWithFeedback';
const propTypes = {
/** The report currently being looked at */
@@ -50,9 +51,13 @@ function TaskHeader(props) {
{props.translate('common.to')}
- Navigation.navigate(ROUTES.getTaskReportAssigneeRoute(props.report.reportID))}
disabled={!isOpen}
+ accessibilityRole="button"
+ accessibilityLabel={props.translate('newTaskPage.assignee')}
+ hoverDimmingValue={1}
+ pressDimmingValue={0.2}
>
@@ -97,7 +102,7 @@ function TaskHeader(props) {
)}
-
+