diff --git a/frontend/components/home/Categories.vue b/frontend/components/home/Categories.vue
index 858dceb..24d5c33 100644
--- a/frontend/components/home/Categories.vue
+++ b/frontend/components/home/Categories.vue
@@ -20,13 +20,13 @@ const onSwiper = (swiper: SwiperClass) => {
 <template>
     <section
         ref="sectionTarget"
-        class="flex flex-col justify-center gap-4 bg-black h-[110svh] sm:h-[150svh] relative overflow-hidden"
+        class="flex flex-col justify-center gap-4 bg-black sm:min-h-[110svh] relative overflow-hidden shrink-0 py-24 lg:py-32"
     >
-        <div class="w-full relative translate-y-[-55px] sm:translate-y-[-130px] flex-center z-10 container">
+        <div class="w-full relative flex-center z-10 container">
             <span class="text-white typo-h-6 md:typo-h-5 lg:typo-h-4"> دسته بندی ها </span>
         </div>
 
-        <div class="w-full my-20 relative">
+        <div class="w-full mt-44 lg:mt-64 relative">
             <NuxtImg
                 class="aspect-square w-[240px] md:w-[300px] lg:w-[350px] translate-y-[-164px] md:translate-y-[-206px] lg:translate-y-[-240px] absolute left-1/2 -translate-x-1/2 z-10"
                 :style="{
@@ -89,7 +89,7 @@ const onSwiper = (swiper: SwiperClass) => {
             </div>
         </div>
 
-        <div class="w-full flex justify-center items-center">
+        <div class="w-full flex justify-center items-center mt-14">
             <NuxtLink to="/category">
                 <Button
                     variant="primary"