diff --git a/client/src/components/ui/info-card.tsx b/client/src/components/ui/info-card.tsx
index f966314..d266769 100644
--- a/client/src/components/ui/info-card.tsx
+++ b/client/src/components/ui/info-card.tsx
@@ -18,7 +18,7 @@ const InfoCard: React.FC<CardProps> = ({
 }) => {
   return (
     <motion.div
-      className="w-full p-6 my-4 bg-white rounded-lg shadow-md"
+      className="w-full p-6 my-4 bg-white rounded-lg shadow-md hover:bg-amber-300 duration-300"
       initial={{ opacity: 0, y: 50 }}
       whileInView={{ opacity: 1, y: 0 }}
       transition={{ duration: 1 }}