diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index baa68a0..a4883e1 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -33,12 +33,12 @@ onMounted(() => {
         <LoadingOverlay />
         <Hero class="mb-20 max-md:mt-[80px]" />
         <Preview />
-        <ProductsShowcase class="mb-40" />
+        <ProductsShowcase class="lg:mb-12" />
         <ProductsGrid
             title="محصولات پرفروش"
             :products="[...homeData!.products,...homeData!.products]"
         />
-        <Categories class="mt-40" />
+        <Categories class="mt-12" />
         <Brands />
         <LatestStories class="mb-20" />
     </div>