diff --git a/src/pages/iou/ModalHeader.js b/src/pages/iou/ModalHeader.js
index dd5b3fdadf54..82b7aff7df83 100644
--- a/src/pages/iou/ModalHeader.js
+++ b/src/pages/iou/ModalHeader.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import {View, TouchableOpacity} from 'react-native';
+import {View} from 'react-native';
 import PropTypes from 'prop-types';
 import styles from '../../styles/styles';
 import Icon from '../../components/Icon';
@@ -8,6 +8,7 @@ import withLocalize, {withLocalizePropTypes} from '../../components/withLocalize
 import * as Expensicons from '../../components/Icon/Expensicons';
 import Tooltip from '../../components/Tooltip';
 import Navigation from '../../libs/Navigation/Navigation';
+import PressableWithFeedback from '../../components/Pressable/PressableWithFeedback';
 
 const propTypes = {
     /** Title of the header */
@@ -32,25 +33,33 @@ const ModalHeader = (props) => (
         <View style={[styles.dFlex, styles.flexRow, styles.alignItemsCenter, styles.flexGrow1, styles.justifyContentBetween, styles.overflowHidden]}>
             {props.shouldShowBackButton && (
                 <Tooltip text={props.translate('common.back')}>
-                    <TouchableOpacity
+                    <PressableWithFeedback
                         onPress={props.onBackButtonPress}
                         style={[styles.touchableButtonImage]}
+                        accessibilityRole="button"
+                        accessibilityLabel={props.translate('common.back')}
+                        // disable hover dimming
+                        hoverDimmingValue={1}
+                        pressDimmingValue={0.2}
                     >
                         <Icon src={Expensicons.BackArrow} />
-                    </TouchableOpacity>
+                    </PressableWithFeedback>
                 </Tooltip>
             )}
             <Header title={props.title} />
             <View style={[styles.reportOptions, styles.flexRow, styles.pr5]}>
                 <Tooltip text={props.translate('common.close')}>
-                    <TouchableOpacity
+                    <PressableWithFeedback
                         onPress={() => Navigation.dismissModal()}
                         style={[styles.touchableButtonImage]}
                         accessibilityRole="button"
                         accessibilityLabel={props.translate('common.close')}
+                        // disable hover dimming
+                        hoverDimmingValue={1}
+                        pressDimmingValue={0.2}
                     >
                         <Icon src={Expensicons.Close} />
-                    </TouchableOpacity>
+                    </PressableWithFeedback>
                 </Tooltip>
             </View>
         </View>