diff --git a/resources/assets/js/pages/home.vue b/resources/assets/js/pages/home.vue
index 2ac33157..8ced4af5 100644
--- a/resources/assets/js/pages/home.vue
+++ b/resources/assets/js/pages/home.vue
@@ -31,7 +31,12 @@
     </el-row>
 
     <el-row :gutter="20" type="flex" justify="center" align="middle">
-      <el-col><div class="grid-content bg-purple" align="right"><i type="button" class="el-icon-question" circle/></div></el-col>
+       <el-col>
+        <el-tooltip class="item" effect="dark" content="Payment to China Supplier" placement="left">
+            <div class="grid-content bg-purple" align="right"><i type="button" class="el-icon-question" circle/></div>
+        </el-tooltip>
+      </el-col>
+      <!-- <el-col><div class="grid-content bg-purple" align="right"><i type="button" class="el-icon-question" circle/></div></el-col> -->
       <el-col><div class="grid-content bg-purple" align="left">X1 :</div></el-col>
       <el-col><div class="grid-content bg-purple" align="center">1.56</div></el-col>
       <el-col><div class="grid-content bg-purple" align="center">1.64</div></el-col>
@@ -51,7 +56,11 @@
 
     <br>
     <el-row :gutter="20" type="flex" justify="center" align="middle">
-      <el-col><div class="grid-content bg-purple" align="right"><i type="button" class="el-icon-question" circle/></div></el-col>
+            <el-col>
+        <el-tooltip class="item" effect="dark" content="Payment to China Supplier Only" placement="left">
+            <div class="grid-content bg-purple" align="right"><i type="button" class="el-icon-question" circle/></div>
+        </el-tooltip>
+      </el-col>
       <el-col><div class="grid-content bg-purple" align="left">X2 :</div></el-col>
       <el-col><div class="grid-content bg-purple" align="center">1.56</div></el-col>
       <el-col><div class="grid-content bg-purple" align="center">1.64</div></el-col>