From 95f46fd0e8dc216a8b1523339c34bb202ed42b2e Mon Sep 17 00:00:00 2001
From: Edbury Enegren <edbury.enegren@okta.com>
Date: Tue, 15 Aug 2023 13:09:11 -0600
Subject: [PATCH] chore: update hover colors on options

---
 packages/odyssey-react-mui/src/theme/components.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/odyssey-react-mui/src/theme/components.tsx b/packages/odyssey-react-mui/src/theme/components.tsx
index f2edf0c9ec..1f4649c8b3 100644
--- a/packages/odyssey-react-mui/src/theme/components.tsx
+++ b/packages/odyssey-react-mui/src/theme/components.tsx
@@ -277,6 +277,14 @@ export const components = (
             paddingInline: odysseyTokens.Spacing4,
             borderRadius: odysseyTokens.BorderRadiusTight,
 
+            [`&:hover`]: {
+              backgroundColor: odysseyTokens.HueNeutral100,
+            },
+
+            [`&.${autocompleteClasses.focused}`]: {
+              backgroundColor: odysseyTokens.HueNeutral100,
+            },
+
             [`&[aria-selected="true"]`]: {
               backgroundColor: "transparent",
               color: odysseyTokens.TypographyColorAction,