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,