diff --git a/src/components/MenuItem.tsx b/src/components/MenuItem.tsx
index 7f9a729c161a..44463e1aa08a 100644
--- a/src/components/MenuItem.tsx
+++ b/src/components/MenuItem.tsx
@@ -570,7 +570,7 @@ function MenuItem(
                                                     style={[
                                                         styles.popoverMenuIcon,
                                                         iconStyles,
-                                                        isSecondaryIconHoverable && StyleUtils.getBackgroundAndBorderStyle(focused || isHovered ? theme.hoverComponentBG : theme.overlay),
+                                                        isSecondaryIconHoverable && StyleUtils.getBackgroundAndBorderStyle(theme.border),
                                                     ]}
                                                 >
                                                     <Icon
diff --git a/src/components/ReportActionItem/TripDetailsView.tsx b/src/components/ReportActionItem/TripDetailsView.tsx
index 0e4816a86e8d..999ef4345e5b 100644
--- a/src/components/ReportActionItem/TripDetailsView.tsx
+++ b/src/components/ReportActionItem/TripDetailsView.tsx
@@ -127,6 +127,7 @@ function ReservationView({reservation}: ReservationViewProps) {
             iconWidth={20}
             iconStyles={[styles.tripReservationIconContainer, styles.mr3]}
             secondaryIconFill={theme.icon}
+            hoverAndPressStyle={styles.hoveredComponentBG}
         />
     );
 }