diff --git a/src/components/EReceiptThumbnail.js b/src/components/EReceiptThumbnail.js index 5eb35538af80..1f719862412b 100644 --- a/src/components/EReceiptThumbnail.js +++ b/src/components/EReceiptThumbnail.js @@ -72,7 +72,7 @@ function EReceiptThumbnail({transaction}) { receiptMCCSize = variables.eReceiptMCCHeightWidthMedium; } - const getBackgroundImage = useMemo((trans) => backgroundImages[StyleUtils.getEReceiptColorCode(trans)], [StyleUtils]); + const backgroundImage = useMemo(() => backgroundImages[StyleUtils.getEReceiptColorCode(transaction)], [StyleUtils, transaction]); return ( diff --git a/src/components/OptionRow.js b/src/components/OptionRow.js index 8d100b466d1b..eaf3ccc7ead2 100644 --- a/src/components/OptionRow.js +++ b/src/components/OptionRow.js @@ -196,7 +196,7 @@ function OptionRow(props) { accessibilityLabel={props.option.text} role={CONST.ACCESSIBILITY_ROLE.BUTTON} hoverDimmingValue={1} - hoverStyle={props.hoverStyle || styles.sidebarLinkHover} + hoverStyle={!props.optionIsFocused ? props.hoverStyle || styles.sidebarLinkHover : undefined} needsOffscreenAlphaCompositing={lodashGet(props.option, 'icons.length', 0) >= 2} onMouseDown={props.shouldPreventDefaultFocusOnSelectRow ? (e) => e.preventDefault() : undefined} > @@ -264,6 +264,7 @@ function OptionRow(props) { text={props.selectedStateButtonText} onPress={() => props.onSelectedStatePressed(props.option)} small + shouldUseDefaultHover={false} /> ) : ( }, sidebarLinkActive: { - backgroundColor: theme.border, + backgroundColor: theme.buttonHoveredBG, textDecorationLine: 'none', }, diff --git a/src/styles/themes/default.ts b/src/styles/themes/default.ts index 891eb1e9bf8e..00ff9d05cbff 100644 --- a/src/styles/themes/default.ts +++ b/src/styles/themes/default.ts @@ -79,7 +79,7 @@ const darkTheme = { tooltipSupportingText: colors.productLight800, tooltipPrimaryText: colors.productLight900, skeletonLHNIn: colors.productDark400, - skeletonLHNOut: colors.productDark400, + skeletonLHNOut: colors.productDark600, QRLogo: colors.green400, starDefaultBG: 'rgb(254, 228, 94)', loungeAccessOverlay: colors.blue800,