1 files changed, 31 insertions, 29 deletions
diff --git a/src/lib/flashSale/components/FlashSale.jsx b/src/lib/flashSale/components/FlashSale.jsx
index 5be6d4e3..89c46de4 100644
--- a/src/lib/flashSale/components/FlashSale.jsx
+++ b/src/lib/flashSale/components/FlashSale.jsx
@@ -26,38 +26,40 @@ const FlashSale = () => {
   }
 
   return (
-    flashSales?.length > 0 && (
-      <div className='px-4 sm:px-0 grid grid-cols-1 gap-y-8'>
-        {flashSales.map((flashSale, index) => (
-          <div key={index}>
-            <div className='flex gap-x-3 mb-4 justify-between sm:justify-start'>
-              <div className='font-medium sm:text-h-lg mt-1.5'>
-                {flashSale.name}
+    <div className='sm:mt-4'>
+      {flashSales?.length > 0 && (
+        <div className='px-4 sm:px-0 grid grid-cols-1 gap-y-8 sm:mt-4'>
+          {flashSales.map((flashSale, index) => (
+            <div key={index}>
+              <div className='flex gap-x-3 mb-4 justify-between sm:justify-start'>
+                <div className='font-medium sm:text-h-lg mt-1.5'>
+                  {flashSale.name}
+                </div>
+                <CountDown initialTime={flashSale.duration} />
               </div>
-              <CountDown initialTime={flashSale.duration} />
-            </div>
 
-            <div className='relative'>
-              <Image
-                src={flashSale.banner}
-                alt={flashSale.name}
-                width={1080}
-                height={192}
-                className='w-full rounded mb-4 hidden sm:block'
-              />
-              <Image
-                src={flashSale.bannerMobile}
-                alt={flashSale.name}
-                width={256}
-                height={48}
-                className='w-full rounded mb-4 block sm:hidden'
-              />
-              <FlashSaleProduct flashSaleId={flashSale.pricelistId} />
+              <div className='relative'>
+                <Image
+                  src={flashSale.banner}
+                  alt={flashSale.name}
+                  width={1080}
+                  height={192}
+                  className='w-full rounded mb-4 hidden sm:block'
+                />
+                <Image
+                  src={flashSale.bannerMobile}
+                  alt={flashSale.name}
+                  width={256}
+                  height={48}
+                  className='w-full rounded mb-4 block sm:hidden'
+                />
+                <FlashSaleProduct flashSaleId={flashSale.pricelistId} />
+              </div>
             </div>
-          </div>
-        ))}
-      </div>
-    )
+          ))}
+        </div>
+      )}
+    </div>
   );
 };