diff --git a/frontend/components/product/ProductHero/index.vue b/frontend/components/product/ProductHero/index.vue
index 325ff4d..0147c79 100644
--- a/frontend/components/product/ProductHero/index.vue
+++ b/frontend/components/product/ProductHero/index.vue
@@ -117,7 +117,11 @@ watch(
                             {{ selectedVariant!.price }}
                         </span>
                         <span class="typo-p-md sm:typo-p-2xl relative flex-center w-fit font-medium">
-                            {{ selectedVariant!.discount > 0 ? selectedVariant!.price : selectedVariant!.price }}
+                            {{
+                                selectedVariant!.discount > 0
+                                    ? selectedVariant!.price_after_discount
+                                    : selectedVariant!.price
+                            }}
                         </span>
                     </div>
                     <div
@@ -179,7 +183,11 @@ watch(
                             {{ selectedVariant!.price }}
                         </span>
                         <span class="typo-p-2xl relative flex-center w-fit font-medium">
-                            {{ selectedVariant!.discount > 0 ? selectedVariant!.price : selectedVariant!.price }}
+                            {{
+                                selectedVariant!.discount > 0
+                                    ? selectedVariant!.price_after_discount
+                                    : selectedVariant!.price
+                            }}
                         </span>
                     </div>
                     <div
diff --git a/frontend/components/product/ProductVariant.vue b/frontend/components/product/ProductVariant.vue
index e203e85..8a0cdfa 100644
--- a/frontend/components/product/ProductVariant.vue
+++ b/frontend/components/product/ProductVariant.vue
@@ -25,7 +25,7 @@ defineProps<Props>();
         <div class="w-full">
             <div class="w-full flex justify-between items-center gap-2">
                 <span class="text-md sm:text-xl font-medium">
-                    {{ variantDetail.price }}
+                    {{ variantDetail!.discount > 0 ? variantDetail!.price_after_discount : variantDetail!.price }}
                 </span>
                 <div
                     v-if="variantDetail.in_stock > 0 && variantDetail.discount > 0"