From 1d578dbc1bd4423d008d2a29b9de159d87a5d3c4 Mon Sep 17 00:00:00 2001
From: sohrab <4444588+sohrab-@users.noreply.github.com>
Date: Wed, 22 Feb 2023 18:09:24 +1100
Subject: [PATCH] fix: match autocomplete to other menu items

---
 src/components/common/AccountAutoComplete.tsx | 2 +-
 src/components/common/AutoComplete.tsx        | 4 +---
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/common/AccountAutoComplete.tsx b/src/components/common/AccountAutoComplete.tsx
index 8d02321..fe7873a 100644
--- a/src/components/common/AccountAutoComplete.tsx
+++ b/src/components/common/AccountAutoComplete.tsx
@@ -162,7 +162,7 @@ export const AccountAutoComplete: React.FC<{
             </Badge>
             <Text>{label}</Text>
             <Spacer />
-            <Text fontSize="xs" color="gray.500" fontFamily="mono">
+            <Text fontSize="xs" opacity="0.6" fontFamily="mono">
               {secondaryLabel}
             </Text>
           </Flex>
diff --git a/src/components/common/AutoComplete.tsx b/src/components/common/AutoComplete.tsx
index 0618877..dbd273b 100644
--- a/src/components/common/AutoComplete.tsx
+++ b/src/components/common/AutoComplete.tsx
@@ -148,8 +148,6 @@ const Option = ({
     ref
   );
 
-  const focusedBacground = useColorModeValue("gray.100", "whiteAlpha.100");
-
   return (
     <ListItem
       {...optionProps}
@@ -157,7 +155,7 @@ const Option = ({
       ref={ref}
       px="2"
       py="2"
-      background={isFocused ? focusedBacground : "transparent"}
+      background={isFocused ? "purple.500" : "transparent"}
       color="chakra-body-text"
       fontWeight={isSelected ? "bold" : "normal"}
       cursor="default"