From d9879c199f79e93e8cfe3aaf3766808d259f6b8a Mon Sep 17 00:00:00 2001
From: Pooria Setayesh <pooriaset@yahoo.com>
Date: Sat, 4 May 2024 17:54:52 +0330
Subject: [PATCH] fix: height of items in best-selling items resolved

---
 .../BestSellingProducts/BestSellingProducts.tsx        |  2 +-
 .../BestSellingProducts/components/Slider.tsx          | 10 +++++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/BestSellingProducts/BestSellingProducts.tsx b/src/components/BestSellingProducts/BestSellingProducts.tsx
index 48f1176..0f861c9 100644
--- a/src/components/BestSellingProducts/BestSellingProducts.tsx
+++ b/src/components/BestSellingProducts/BestSellingProducts.tsx
@@ -2,9 +2,9 @@
 
 import { GetAllProductsQuery } from '@/graphql/types/graphql';
 import { Card, CardContent, CardHeader } from '@mui/material';
+import { useTranslations } from 'next-intl';
 import { FC } from 'react';
 import Slider from './components/Slider';
-import { useTranslations } from 'next-intl';
 
 export interface BestSellingProductsProps {
   items?: NonNullable<GetAllProductsQuery['products']>['nodes'];
diff --git a/src/components/BestSellingProducts/components/Slider.tsx b/src/components/BestSellingProducts/components/Slider.tsx
index 25fd18b..b6e44a0 100644
--- a/src/components/BestSellingProducts/components/Slider.tsx
+++ b/src/components/BestSellingProducts/components/Slider.tsx
@@ -38,11 +38,19 @@ const Slider: FC<SliderProps> = ({ items }) => {
         },
       }}
       spaceBetween={16}
+      style={{
+        paddingBottom: 2,
+      }}
     >
       {items?.map((product) => {
         if (product.__typename === 'VariableProduct') {
           return (
-            <SwiperSlide key={product.databaseId}>
+            <SwiperSlide
+              key={product.databaseId}
+              style={{
+                height: 'auto',
+              }}
+            >
               <VariableProductItem data={product} />
             </SwiperSlide>
           );