From 40e69578be7430ff5c8f6ff533c2b2f20c87bc9f Mon Sep 17 00:00:00 2001
From: Edbury Enegren <edbury.enegren@okta.com>
Date: Tue, 15 Aug 2023 12:36:18 -0600
Subject: [PATCH] fix(odyssey-react-mui): make Autocomplete option focus
 a11y-compliant

---
 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 51864e5380..f2edf0c9ec 100644
--- a/packages/odyssey-react-mui/src/theme/components.tsx
+++ b/packages/odyssey-react-mui/src/theme/components.tsx
@@ -280,6 +280,14 @@ export const components = (
             [`&[aria-selected="true"]`]: {
               backgroundColor: "transparent",
               color: odysseyTokens.TypographyColorAction,
+
+              [`&:hover`]: {
+                backgroundColor: odysseyTokens.PalettePrimaryLighter,
+              },
+
+              [`&.${autocompleteClasses.focused}`]: {
+                backgroundColor: odysseyTokens.PalettePrimaryLighter,
+              },
             },
           },
         },