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"