From 60afe1fc4bf0928f5dbbd8b5a64ea43585d8c49f Mon Sep 17 00:00:00 2001
From: Arthur Belleville <arthur.belleville@datadoghq.com>
Date: Thu, 16 Oct 2025 21:38:23 +0200
Subject: [PATCH] Improve ui of the event type card

---
 ui/src/components/EventTypeCard.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

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>