diff --git a/src/App.jsx b/src/App.jsx
index ebbb3ff8..269fa74a 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -261,7 +261,14 @@ export default function App() {
               <Card
                 key={kpi.title}
                 onClick={kpi.action}
-                className="relative p-4 flex flex-col items-center gap-2 shadow-md rounded-xl bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 overflow-hidden"
+                className="
+                  relative p-4 flex flex-col items-center gap-2
+                  shadow-md rounded-xl bg-white dark:bg-gray-800
+                  border border-gray-200 dark:border-gray-700
+                  overflow-hidden cursor-pointer
+                  hover:-translate-y-0.5 hover:shadow-lg
+                  transition-all duration-200 ease-out
+                "
               >
 
                 <Icon className="absolute top-2 right-2 w-10 h-10 opacity-10" />