diff --git a/frontend/components/global/ProductsGrid.vue b/frontend/components/global/ProductsGrid.vue
index 30723e8..774de37 100644
--- a/frontend/components/global/ProductsGrid.vue
+++ b/frontend/components/global/ProductsGrid.vue
@@ -47,9 +47,10 @@ withDefaults(defineProps<Props>(), {
                     :title="product.name"
                     :picture="product.image ?? product.variants[0].images[0].image"
                     :colors="product.colors"
-                    :price="product.variants[0].price"
+                    :price="product.variants[0].price_after_discount ?? product.variants[0].price"
                     :rate="product.rating"
                     :dark-layer="true"
+                    :tag="`${product.variants[0].discount}% تخفیف`"
                 />
             </li>
         </ul>
diff --git a/frontend/components/global/Tag.vue b/frontend/components/global/Tag.vue
index 1bab6c7..9be33ce 100644
--- a/frontend/components/global/Tag.vue
+++ b/frontend/components/global/Tag.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="text-white flex items-center justify-center rounded-full px-4 py-2 bg-danger-600 typo-sub-h-sm">
+    <div class="text-white flex items-center justify-center rounded-full px-3 lg:px-4 py-2 bg-danger-600 typo-sub-h-xs lg:typo-sub-h-sm">
         <slot />
     </div>
 </template>
\ No newline at end of file