From 5fbad174b5b5b8adfa43d7db6ab90ed8fcb4f534 Mon Sep 17 00:00:00 2001
From: Thomas KLEIN <tomak@dnd.fr>
Date: Thu, 6 Feb 2025 12:16:30 +0100
Subject: [PATCH] Add effect for slider button

---
 src/components/TopBanner/TopBanner.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/TopBanner/TopBanner.tsx b/src/components/TopBanner/TopBanner.tsx
index 2217f88..6af5ea5 100644
--- a/src/components/TopBanner/TopBanner.tsx
+++ b/src/components/TopBanner/TopBanner.tsx
@@ -31,12 +31,15 @@ const TopBanner = ({
           {children}
           {onPrevClick && onNextClick && width > 1024 && (
             <div className="flex gap-2 ml-4">
-              <button onClick={onPrevClick} className="p-2 rounded bg-white/20">
+              <button
+                onClick={onPrevClick}
+                className="p-2 rounded bg-white/20 hover:bg-white/40"
+              >
                 <IoIosArrowBack className="text-white" size={24} />
               </button>
               <button
                 onClick={onNextClick}
-                className="p-2 rounded bg-white/20 "
+                className="p-2 rounded bg-white/20 hover:bg-white/40"
               >
                 <IoIosArrowForward className="text-white" size={24} />
               </button>