From 251c62f188028857186646233e27b02fc7fdf1e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=81=B4=E3=83=BC=E3=81=BE=E3=82=93?=
 <ikmy1119924@gmail.com>
Date: Thu, 29 Aug 2024 19:55:28 +0900
Subject: [PATCH] change channelcard hover color

---
 packages/react/src/components/channel/ChannelCard.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/components/channel/ChannelCard.tsx b/packages/react/src/components/channel/ChannelCard.tsx
index 817e63123..a86fe8e56 100644
--- a/packages/react/src/components/channel/ChannelCard.tsx
+++ b/packages/react/src/components/channel/ChannelCard.tsx
@@ -86,7 +86,7 @@ export function ChannelCard({
     case "sm":
       return (
         <div
-          className="flex items-center gap-4 rounded-lg bg-base-3 p-4 hover:cursor-pointer"
+          className="flex items-center gap-4 rounded-lg bg-base-3 p-4 transition-all hover:cursor-pointer hover:bg-base-4"
           onClick={goToChannelClickHandler}
         >
           <Link to={channelHref} className="flex grow items-center gap-4">
@@ -144,7 +144,7 @@ export function ChannelCard({
       return (
         // Set min-height because react-virtuoso will break if the height is not fixed
         <div
-          className="group relative flex h-full min-h-[24rem] w-full flex-col items-center gap-2 rounded-md bg-base-3 p-4 hover:cursor-pointer"
+          className="group relative flex h-full min-h-[24rem] w-full flex-col items-center gap-2 rounded-md bg-base-3 p-4 transition-all hover:cursor-pointer hover:bg-base-4"
           onClick={goToChannelClickHandler}
         >
           <Link