diff --git a/ui/src/components/EventTypeCard.tsx b/ui/src/components/EventTypeCard.tsx
index f6c0ba6..373a42e 100644
--- a/ui/src/components/EventTypeCard.tsx
+++ b/ui/src/components/EventTypeCard.tsx
@@ -36,7 +36,10 @@ export function EventTypeCard({
     return publicUrl;
   };
   return (
-    <Card key={eventType.id} className={eventType.isActive ? "opacity-100" : "opacity-60"}>
+    <Card
+      key={eventType.id}
+      className={`${eventType.isActive ? "opacity-100" : "opacity-60"} transition-shadow hover:shadow-lg`}
+    >
       <CardHeader className="min-h-[80px]">
         <CardTitle className="text-lg">{eventType.name}</CardTitle>
         <CardAction>