diff --git a/client/src/components/AboutUs.tsx b/client/src/components/AboutUs.tsx
index 74e9e41..3ae190a 100644
--- a/client/src/components/AboutUs.tsx
+++ b/client/src/components/AboutUs.tsx
@@ -34,16 +34,15 @@ const AboutUs: React.FC = () => {
 };
 
 const AboutSection: React.FC<{ title: string; description: string; link: string }> = ({ title, description, link }) => (
-  <motion.div
-    whileHover={{ scale: 1.05 }}
-    className="bg-white rounded-lg shadow-md p-6"
-  >
-    <h2 className="text-2xl font-semibold text-[#8C1D40] mb-4">{title}</h2>
-    <p className="text-gray-700 mb-4">{description}</p>
-    <Link to={link} className="text-[#8C1D40] font-bold hover:underline">
-      Learn More
-    </Link>
-  </motion.div>
+  <Link to={link}>
+    <motion.div
+      whileHover={{ scale: 1.05 }}
+      className="bg-white rounded-lg shadow-md p-6 h-full cursor-pointer"
+    >
+      <h2 className="text-2xl font-semibold text-[#8C1D40] mb-4">{title}</h2>
+      <p className="text-gray-700">{description}</p>
+    </motion.div>
+  </Link>
 );
 
 export default AboutUs;