diff --git a/src/pages/Volunteer.tsx b/src/pages/Volunteer.tsx
index 6b975c68..e3d13d02 100644
--- a/src/pages/Volunteer.tsx
+++ b/src/pages/Volunteer.tsx
@@ -54,7 +54,7 @@ const Volunteer = () => {
               and learn from one another.
             </p>
             <button
-              className="mt-6 bg-red-500 text-white text-lg font-semibold px-6 py-3 rounded-full hover:cursor-pointer"
+              className="mt-6 bg-red-500 text-white text-lg font-semibold px-6 py-3 rounded-full hover:bg-red-600 hover:cursor-pointer transition-colors duration-300"
               onClick={handleGetInvolved}
             >
               Get Involved