diff --git a/src/components/icons/HelpIcon.tsx b/src/components/icons/HelpIcon.tsx
index 53696fc..e3ef6e5 100644
--- a/src/components/icons/HelpIcon.tsx
+++ b/src/components/icons/HelpIcon.tsx
@@ -18,7 +18,7 @@ export function HelpIcon({ onMouseOver, onMouseOut }: HelpIconProps) {
       stroke-width="2"
       stroke-linecap="round"
       stroke-linejoin="round"
-      className="w-4 h-4 hover:text-blue-500 cursor-pointer"
+      className="dark:text-[#5c5c5c] cursor-pointer w-4 h-4 text-[#9c9c9c] hover:text-blue-500 transition-color duration-300"
     >
       <circle
         cx="12"