From da097b97d1e88821e21880b7d08762df0eb4099c Mon Sep 17 00:00:00 2001
From: Jip Fr <jipfrijlink@gmail.com>
Date: Tue, 24 Jan 2023 00:02:12 +0100
Subject: [PATCH] style(media): reduce border radius on hover

---
 src/components/media/MediaCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/media/MediaCard.tsx b/src/components/media/MediaCard.tsx
index f2a652d3..cc30312a 100644
--- a/src/components/media/MediaCard.tsx
+++ b/src/components/media/MediaCard.tsx
@@ -43,7 +43,7 @@ function MediaCardContent({
         }`}
       >
         <div
-          className="relative mb-4 aspect-[2/3] w-full overflow-hidden rounded-xl bg-denim-500 bg-cover"
+          className="relative mb-4 aspect-[2/3] w-full overflow-hidden rounded-xl bg-denim-500 bg-cover transition-[border-radius] duration-100 group-hover:rounded-lg"
           style={{
             backgroundImage: media.poster ? `url(${media.poster})` : undefined,
           }}