diff --git a/src/app/components/dropDownList.tsx b/src/app/components/dropDownList.tsx
index 36442ca..c992e02 100644
--- a/src/app/components/dropDownList.tsx
+++ b/src/app/components/dropDownList.tsx
@@ -30,7 +30,7 @@ export default function DropDownList({ children, value, callBack }: DropDownList
 					callBack(childValue || "");
 					setIsOpen(false);
 				},
-				className: `flex items-center w-full px-4 py-2 text-sm text-left hover:bg-blue-100 text-[#6366f1] cursor-pointer select-none`,
+				className: `flex items-center w-full px-4 py-2 text-sm text-left hover:bg-blue-100 cursor-pointer select-none`,
 				key: index
 			});
 		}
@@ -43,7 +43,7 @@ export default function DropDownList({ children, value, callBack }: DropDownList
 				onClick={() => {
 					setIsOpen(!isOpen)
 				}}
-				className="flex items-center justify-between w-full px-4 py-2 text-sm font-medium text-[#6366f1] bg-white border-2 border-[#6366f1] rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
+				className="flex items-center justify-between w-full px-4 py-2 text-sm font-medium bg-white border-2 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#6365f186]"
 			>
 				<span className="flex items-center">
 					<span className="mr-2">
@@ -64,7 +64,7 @@ export default function DropDownList({ children, value, callBack }: DropDownList
 				</svg>
 			</button>
 			{isOpen && (
-				<div className="absolute right-0 z-10 w-full mt-2 origin-top-right bg-white rounded-md shadow-lg border-2 border-[#6366f1] focus:outline-none">
+				<div className="absolute right-0 z-10 w-full mt-2 origin-top-right bg-white rounded-md shadow-lg border-2 focus:outline-none">
 					<ul
 						className="py-1"
 						role="listbox"