From 80cd508049fd3fe7ad1116f03dbea04bd2d5f428 Mon Sep 17 00:00:00 2001
From: Rushat Gabhane <rushatgabhane@gmail.com>
Date: Mon, 3 Jun 2024 01:47:26 +0300
Subject: [PATCH] add hover style

---
 src/components/MenuItem.tsx                         | 2 +-
 src/components/ReportActionItem/TripDetailsView.tsx | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

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}
         />
     );
 }