diff --git a/frontend/components/product/ProductHero/index.vue b/frontend/components/product/ProductHero/index.vue
index f6abd5b..ec123d2 100644
--- a/frontend/components/product/ProductHero/index.vue
+++ b/frontend/components/product/ProductHero/index.vue
@@ -68,7 +68,7 @@ watch(
 </script>
 
 <template>
-    <div class="flex max-lg:flex-col lg:gap-12 xl:gap-16 container pt-[5rem] pb-28">
+    <div class="flex max-lg:flex-col lg:gap-12 xl:gap-16 container pt-8 sm:pt-20 pb-28">
         <div class="flex flex-col gap-3 lg:hidden">
             <div class="flex items-center justify-between w-full">
                 <div class="flex items-center gap-1.5">
@@ -90,7 +90,10 @@ watch(
                     </NuxtLink>
                 </div>
 
-                <SaveButton />
+                <div class="flex items-center gap-2">
+                    <ShareButton :product="product!" />
+                    <SaveButton />
+                </div>
             </div>
             <h1 class="typo-h-6 xs:typo-h-5 sm:typo-h-4 lg:typo-h-2">
                 {{ product!.name }}
@@ -125,7 +128,10 @@ watch(
                         <span class="max-sm:hidden"> تخفیف درصد </span>
                     </div>
                 </div>
-                <Rating :rate="product!.rating" />
+                <Rating
+                    :rate="product!.rating"
+                    :have-rate="product!.rating !== 0"
+                />
             </div>
         </div>
         <Slider
@@ -153,8 +159,10 @@ watch(
                         {{ product!.category.name }}
                     </NuxtLink>
                 </div>
-
-                <SaveButton />
+                <div class="flex items-center gap-2">
+                    <ShareButton :product="product!" />
+                    <SaveButton />
+                </div>
             </div>
             <h1 class="typo-h-4 xl:typo-h-3 max-lg:hidden">
                 {{ product!.name }}
@@ -192,12 +200,14 @@ watch(
 
                     <Rating
                         :rate="product!.rating"
+                        :have-rate="product!.rating !== 0"
                         class="sm:hidden"
                     />
                 </div>
 
                 <Rating
                     :rate="product!.rating"
+                    :have-rate="product!.rating !== 0"
                     class="max-sm:hidden"
                 />
             </div>
@@ -325,8 +335,6 @@ watch(
                 </div>
 
                 <InfoCard />
-
-                <Share :product="product!" />
             </div>
 
             <ProductDescription