diff --git a/src/app/components/home/Card.tsx b/src/app/components/home/Card.tsx
index 150b2d1b..360509c1 100644
--- a/src/app/components/home/Card.tsx
+++ b/src/app/components/home/Card.tsx
@@ -13,7 +13,7 @@ const styles = {
   imageWrapper: "h-52 rounded-2xl overflow-hidden flex items-center",
   wrapperAnime: "transition-all duration-500 ease-in-out",
   image: "object-cover mx-auto",
-  textWrapper: "pb-3 w-full px-4 flex justify-center items-center max-h-16 my-auto text-gray-700 text-center group-hover:text-white",
+  textWrapper: "pb-3 w-full px-4 flex justify-center items-center max-h-16 my-auto text-gray-700 text-center group-hover:text-white transition-all duration-500 ease-in-out",
 };
 
 interface CardProps {