From 14aa4f6ec3ac0393978b696c5ad7b2283c955fec Mon Sep 17 00:00:00 2001
From: Kevin Wu <kevinwu098@gmail.com>
Date: Tue, 19 Dec 2023 19:54:24 -0800
Subject: [PATCH] style: disable default select highlight (#24)

---
 components/DropdownComponent.tsx | 2 +-
 components/hero/hero.tsx         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/DropdownComponent.tsx b/components/DropdownComponent.tsx
index c2d3b63..ff96da8 100644
--- a/components/DropdownComponent.tsx
+++ b/components/DropdownComponent.tsx
@@ -53,7 +53,7 @@ export const DropdownComponentSearch = (props: DropdownComponentProps) => {
                 <select
                     value={value}
                     onChange={handleChange}
-                    className="block h-full w-full appearance-none overflow-ellipsis rounded-xl border-4 border-black px-4 pr-12 text-lg opacity-40 focus:border-primary focus:opacity-80 md:pr-16 md:text-2xl"
+                    className="block h-full w-full appearance-none overflow-ellipsis rounded-xl border-4 border-black px-4 pr-12 text-lg opacity-40 outline-none focus:border-primary focus:opacity-80 md:pr-16 md:text-2xl"
                 >
                     {data.map((item) => (
                         <option key={item}>{item}</option>
diff --git a/components/hero/hero.tsx b/components/hero/hero.tsx
index cd4be3f..7a07448 100644
--- a/components/hero/hero.tsx
+++ b/components/hero/hero.tsx
@@ -27,7 +27,7 @@ const DropdownComponent = (props: DropdownComponentProps) => {
                 <select
                     value={value}
                     onChange={handleChange}
-                    className="block h-full w-full appearance-none overflow-ellipsis rounded-xl border-4 border-black px-4 pr-12 text-lg opacity-40 focus:border-primary focus:opacity-80 md:pr-16 md:text-2xl"
+                    className="block h-full w-full appearance-none overflow-ellipsis rounded-xl border-4 border-black px-4 pr-12 text-lg opacity-40 outline-none focus:border-primary focus:opacity-80 md:pr-16 md:text-2xl"
                 >
                     {data.map((item) => (
                         <option key={item}>{item}</option>