diff --git a/packages/Swiper/src/index.tsx b/packages/Swiper/src/index.tsx
index ee6dcd3ed8..2141883d59 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 if (viewportWidth >= screens['4xl'] && fullWidth) {
+      return slidesPerView.desktop + 2
     } else {
       return slidesPerView.desktop
     }
-  }, [slidesPerView, screens.md, screens.lg, viewportWidth])
+  }, [fullWidth, 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`