From 11c29ec25ae2c4a4b97f7a1fd1a4915f1b645a64 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Simon=20Ha=C3=AFoun-Viet?= <simon.haioun-viet@wttj.co>
Date: Thu, 18 Apr 2024 17:05:15 +0200
Subject: [PATCH] fix: computation of slides per view when swiper is full width

---
 packages/Swiper/src/index.tsx | 6 ++++--
 packages/Swiper/src/styles.ts | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/Swiper/src/index.tsx b/packages/Swiper/src/index.tsx
index ee6dcd3ed8..ec19379976 100644
--- a/packages/Swiper/src/index.tsx
+++ b/packages/Swiper/src/index.tsx
@@ -80,10 +80,12 @@ export const useSwiper = (options: UseSwiperProps = {}) => {
       return slidesPerView.mobile
     } else if (viewportWidth <= screens.lg) {
       return slidesPerView.tablet
-    } else {
+    } else if (viewportWidth <= screens['4xl']) {
       return slidesPerView.desktop
+    } else {
+      return slidesPerView.desktop + 2
     }
-  }, [slidesPerView, screens.md, screens.lg, viewportWidth])
+  }, [viewportWidth, screens, slidesPerView])
 
   return {
     centeredSlides,
diff --git a/packages/Swiper/src/styles.ts b/packages/Swiper/src/styles.ts
index 1b489ae419..14447ef6c1 100644
--- a/packages/Swiper/src/styles.ts
+++ b/packages/Swiper/src/styles.ts
@@ -166,7 +166,7 @@ export const Container = styled.ul<Pick<UseSwiper, 'slidesPerView' | 'spaceBetwe
         `}
       }
 
-      @media (min-width: 1920px) {
+      @media (min-width: 4xl) {
         ${desktop &&
         fullWidth &&
         css`