From 1ca39847a38cb4594c3dff3b4560cc046b791a96 Mon Sep 17 00:00:00 2001
From: Andrew4Coding <andrewdevitoaryo@gmail.com>
Date: Sat, 24 Aug 2024 17:55:32 +0700
Subject: [PATCH] fix: ambassador carousel overflow cards

---
 .../AmbassadorModule/components/AmbassadorCarousel.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/modules/AmbassadorModule/components/AmbassadorCarousel.tsx b/modules/AmbassadorModule/components/AmbassadorCarousel.tsx
index d18b0c1..7f94a39 100644
--- a/modules/AmbassadorModule/components/AmbassadorCarousel.tsx
+++ b/modules/AmbassadorModule/components/AmbassadorCarousel.tsx
@@ -26,12 +26,12 @@ const AmbassadorCarousel = () => {
           Ambassador Open House Fasilkom UI.
         </p>
       </div>
-      <Carousel className="px-[65px] md:px-[120px] lg:px-[190px]">
-        <CarouselContent className="2xl:gap-5 lg:gap-[70px]">
+      <Carousel className="px-[65px] md:px-[120px] lg:px-[50px]">
+        <CarouselContent className="gap-1">
           {Array.from(LAST_AMBASSADOR).map((item, index) => (
             <CarouselItem key={index} className="lg:basis-1/2 xl:basis-1/3">
               <Card
-                className="flex flex-col rounded-[28px] shadow-carousel lg:max-w-[370px] p-4 sm:p-4 pb-5 lg:min-h-[270px] gap-5"
+                className="flex flex-col rounded-[28px] shadow-carousel lg:max-w-[350px] p-4 sm:p-4 pb-5 lg:min-h-[270px] gap-5"
                 asset={
                   <Image
                     alt="contoh"
@@ -49,8 +49,8 @@ const AmbassadorCarousel = () => {
             </CarouselItem>
           ))}
         </CarouselContent>
-        <CarouselPrevious className="md:px-[50px] lg:px-[73px]" />
-        <CarouselNext className="md:px-[50px] lg:px-[73px]" />
+        <CarouselPrevious className='lg:-translate-x-20 hidden md:block'/>
+        <CarouselNext className='lg:translate-x-20 hidden md:block'/>
       </Carousel>
     </div>
   )