From a575f9fd4f444362c14c0882e566fb9ec173c302 Mon Sep 17 00:00:00 2001
From: Diane Guillot <36013102+Leiksa@users.noreply.github.com>
Date: Wed, 4 Sep 2024 10:24:29 +0200
Subject: [PATCH] fix: swiper item width when there is less than x items

---
 packages/Swiper/src/styles.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/Swiper/src/styles.ts b/packages/Swiper/src/styles.ts
index 3515ce598..da4491c28 100644
--- a/packages/Swiper/src/styles.ts
+++ b/packages/Swiper/src/styles.ts
@@ -116,6 +116,7 @@ export const Container = styled.ulBox<
       list-style-type: none;
       margin-right: ${spaceBetween};
       min-width: ${getSlideWidth(mobile, spaceBetween, theme.toRem)};
+      max-width: ${getSlideWidth(mobile, spaceBetween, theme.toRem)};
       flex: 1;
 
       &:last-child {
@@ -128,6 +129,7 @@ export const Container = styled.ulBox<
       css`
         > * {
           min-width: ${getSlideWidth(mobile, spaceBetween, theme.toRem)};
+          max-width: ${getSlideWidth(mobile, spaceBetween, theme.toRem)};
 
           &:nth-of-type(${mobile}n + 1) {
             scroll-snap-align: start;
@@ -141,6 +143,7 @@ export const Container = styled.ulBox<
       css`
         > * {
           min-width: ${getSlideWidth(tablet, spaceBetween, theme.toRem)};
+          max-width: ${getSlideWidth(tablet, spaceBetween, theme.toRem)};
 
           &:nth-of-type(${tablet}n + 1) {
             scroll-snap-align: start;
@@ -154,6 +157,8 @@ export const Container = styled.ulBox<
       css`
         > * {
           min-width: ${getSlideWidth(desktop, spaceBetween, theme.toRem)};
+          max-width: ${getSlideWidth(desktop, spaceBetween, theme.toRem)};
+
           scroll-snap-align: unset;
 
           &:nth-of-type(${desktop}n + 1) {
@@ -173,6 +178,7 @@ export const Container = styled.ulBox<
       css`
         > * {
           min-width: ${getSlideWidth(desktop + 2, spaceBetween, theme.toRem)};
+          max-width: ${getSlideWidth(desktop + 2, spaceBetween, theme.toRem)};
         }
       `}
     }