diff --git a/src/views/RechargeAgency/index.vue b/src/views/RechargeAgency/index.vue
index e261c7e..9b8c8a4 100644
--- a/src/views/RechargeAgency/index.vue
+++ b/src/views/RechargeAgency/index.vue
@@ -212,10 +212,24 @@
             />
           </div>
 
-          <div style="margin: 10px 0 16px">
-            <div style="color: rgba(0, 0, 0, 0.4); font-weight: 600; font-size: 0.9em">
+          <div style="margin: 10px 0 16px; display: flex; flex-direction: column; gap: 4px">
+            <div
+              v-if="rechargeCoinsNeeded == 0"
+              style="color: rgba(0, 0, 0, 0.4); font-weight: 600; font-size: 0.9em"
+            >
               {{ t('recharge_auto_convert_tip') }}
             </div>
+            <div v-else style="width: 100%; display: flex; align-items: center">
+              <img
+                src="../../assets/icon/Azizi/coin.png"
+                alt=""
+                height="15px"
+                style="display: block"
+              />
+              <div style="color: #ffb627; font-weight: 590; margin-left: 5px">
+                {{ rechargeCoinsNeeded }}
+              </div>
+            </div>
             <div style="color: rgba(0, 0, 0, 0.4); font-weight: 600; font-size: 0.9em">
               {{ t('recharge_ratio_text', { ratio: rechargeRatio }) }}
             </div>