From d0d2bf873b0bc0646f246dbfd038e71d10fba462 Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <jon.summers.muir@googlemail.com>
Date: Thu, 25 Mar 2021 11:12:58 +0800
Subject: [PATCH] fixing overflow issue

---
 www/components/Carousels/ImageCarousel.tsx     | 4 ++--
 www/components/Sections/TwitterSocialProof.tsx | 7 +++++--
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/www/components/Carousels/ImageCarousel.tsx b/www/components/Carousels/ImageCarousel.tsx
index 8f350d2652b..8ca4b2fbd7d 100644
--- a/www/components/Carousels/ImageCarousel.tsx
+++ b/www/components/Carousels/ImageCarousel.tsx
@@ -87,12 +87,12 @@ function ImageCarousel(props: ImageCarouselProps) {
             </Tabs>
           </div>
           <div
-            className={`border border-gray-100 dark:border-gray-600 rounded-md bg-gray-800 overflow-hidden ${ImageCarouselStyles['gradient-bg']}`}
+            className={`border border-gray-100 dark:border-gray-600 rounded-md bg-gray-800 ${ImageCarouselStyles['gradient-bg']}`}
           >
             <Swiper
               // @ts-ignore
               onSwiper={setImageSwiper}
-              style={{ zIndex: 0 }}
+              style={{ zIndex: 0, overflow: 'auto' }}
               initialSlide={0}
               spaceBetween={0}
               slidesPerView={1}
diff --git a/www/components/Sections/TwitterSocialProof.tsx b/www/components/Sections/TwitterSocialProof.tsx
index 2f454f91083..7bc01e06745 100644
--- a/www/components/Sections/TwitterSocialProof.tsx
+++ b/www/components/Sections/TwitterSocialProof.tsx
@@ -62,10 +62,13 @@ function TwitterSocialProof() {
             spaceBetween={0}
             slidesPerView={4}
             speed={300}
+            watchOverflow={true}
             loop
             navigation={{
-              prevEl: prevRef.current ? prevRef.current : undefined,
-              nextEl: nextRef.current ? nextRef.current : undefined,
+              prevEl: prevRef.current,
+              nextEl: nextRef.current,
+              // prevEl: prevRef.current ? prevRef.current : undefined,
+              // nextEl: nextRef.current ? nextRef.current : undefined,
             }}
             onInit={(swiper: any) => {
               swiper.params.navigation.prevEl = prevRef.current