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>