From 6756e55b48338e730612f03689b4f783c5e39338 Mon Sep 17 00:00:00 2001
From: Walid Kayhan <walid.kayhan@outlook.com>
Date: Tue, 18 Feb 2025 11:52:43 -0500
Subject: [PATCH] Improve transition on ToolCard component

---
 src/app/src/components/ToolCard/index.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/src/components/ToolCard/index.tsx b/src/app/src/components/ToolCard/index.tsx
index a46f7d22f..1dc4932d6 100644
--- a/src/app/src/components/ToolCard/index.tsx
+++ b/src/app/src/components/ToolCard/index.tsx
@@ -13,7 +13,11 @@ type ToolCardProps = {
 const ToolCard = ({ title, description, icon: Icon, link }: ToolCardProps) => {
     return (
         <Link to={link}>
-            <Card className="hover:bg-gray-300 bg-gray-100 cursor-pointer p-4 flex flex-col items-center justify-between text-center gap-4 min-h-48 transition-colors duration-300 ease-in-out transform hover:scale-[1.02] h-full">
+            <Card
+                className="hover:bg-gray-300 bg-gray-100 cursor-pointer p-4 
+                flex flex-col items-center justify-between text-center gap-4 min-h-48 
+                transition-all duration-300 ease-in-out hover:scale-[1.02] h-full"
+            >
                 <CardTitle>{title}</CardTitle>
 
                 <CardDescription className="text-sm text-gray-500">