diff --git a/src/component/HomePage/renew.vue b/src/component/HomePage/renew.vue
index f9197d79..86a3b33b 100644
--- a/src/component/HomePage/renew.vue
+++ b/src/component/HomePage/renew.vue
@@ -164,7 +164,7 @@
             <div class="priceBox">
               <div class="left">
                 <p class="productType">1 {{ item.type.label }}</p>
-                <p class="price">HK $  {{ item.price }}</p>
+                <p class="price">HK $ {{ item.price }}</p>
               </div>
               <div class="right">
                 <div class="promotion">
@@ -580,18 +580,6 @@ export default defineComponent({
     overflow: hidden;
     > .left,
     > .right {
-      .apply-btn {
-        cursor: pointer;
-        background-color: rgb(27, 34, 60);
-        font-size: 0.8rem;
-        color: #fff;
-        padding: 0 0.5rem;
-				width: 3.3rem;
-				height: 1.4rem;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-      }
       > .title {
         text-align: center;
         font-size: 3.2rem;
@@ -780,6 +768,7 @@ export default defineComponent({
                   border: 1.5px solid rgb(216, 218, 220);
                   overflow: hidden;
                   padding: 0 1rem;
+                  background-color: #fff;
                   input {
                     border: none;
                     height: 3rem;
@@ -787,6 +776,18 @@ export default defineComponent({
                     font-size: 1.2rem;
                     background: rgba(0, 0, 0, 0);
                   }
+                  .apply-btn {
+                    cursor: pointer;
+                    background-color: rgb(27, 34, 60);
+                    font-size: 0.8rem;
+                    color: #fff;
+                    width: 3.3rem;
+                    height: 1.4rem;
+                    line-height: 1.4rem;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                  }
                 }
                 > .error {
                   color: red;
@@ -846,6 +847,10 @@ export default defineComponent({
           margin-top: 1rem;
           background: #1b223c;
           color: #fff;
+          // width: 41.8rem;
+          height: 4rem;
+          box-sizing: border-box;
+          line-height: 4rem;
         }
         > .payMethod_payAffirm_clause {
           text-align: center;