diff --git a/src/components/cart/CartListNew.vue b/src/components/cart/CartListNew.vue
index 27e0684..37e2485 100644
--- a/src/components/cart/CartListNew.vue
+++ b/src/components/cart/CartListNew.vue
@@ -775,24 +775,26 @@
         <h3>ADAKAH ANDA PASTI?</h3>
       </div>
       <div class="text-center">
-        <table class="table table-bordered">
-          <tbody>
-            <tr class="bg-light">
-              <td style="min-width: 220px">Jumlah Surat</td>
-              <td style="min-width: 170px">Jumlah Bidaan</td>
-            </tr>
-            <tr>
-              <td>{{ masterTotalSurat }}</td>
-              <th>
-                RM{{
-                  masterTotalBidaan
-                    ?.toString()
-                    .replace(/\B(?=(\d{3})+(?!\d))/g, ",") || ""
-                }}
-              </th>
-            </tr>
-          </tbody>
-        </table>
+        <div class="overflow-x-auto">
+          <table class="table table-bordered">
+            <tbody>
+              <tr class="bg-light">
+                <td style="min-width: 220px">Jumlah Surat</td>
+                <td style="min-width: 170px">Jumlah Bidaan</td>
+              </tr>
+              <tr>
+                <td>{{ masterTotalSurat }}</td>
+                <th>
+                  RM{{
+                    masterTotalBidaan
+                      ?.toString()
+                      .replace(/\B(?=(\d{3})+(?!\d))/g, ",") || ""
+                  }}
+                </th>
+              </tr>
+            </tbody>
+          </table>
+        </div>
         <div class="mt-3 mb-1">
           <label>
             <input type="checkbox" v-model="akadLelong" />
diff --git a/src/components/pay/SelectOutlet.vue b/src/components/pay/SelectOutlet.vue
index 1e8b3d5..de3945c 100644
--- a/src/components/pay/SelectOutlet.vue
+++ b/src/components/pay/SelectOutlet.vue
@@ -102,10 +102,17 @@
       <Button
         label="Tidak"
         icon="pi pi-times"
+        iconPos="right"
         @click="closeModal()"
         class="p-button-text"
       />
-      <Button label="Ya" icon="pi pi-check" @click="doPayment()" />
+      <Button
+        label="Ya"
+        icon="pi pi-check"
+        iconPos="right"
+        :loading="isLoading"
+        @click="doPayment()"
+      />
     </template>
   </Dialog>
   <!-- <div class="container">
@@ -172,6 +179,7 @@ export default {
       selectCawangan: this.namaCawangan,
       selectRadio: "",
       isDisplay: false,
+      isLoading: false,
       cawanganPilihan: "",
       hargaBidaanPilihan: "",
       form: {
@@ -264,13 +272,20 @@ export default {
     },
     doPayment() {
       console.log(this.form);
+      this.isLoading = true;
       axios
         .post("/bidpayment", this.form)
         .then((response) => {
-          console.log(response);
-          window.location.href = response.data.message + "?auto_submit=true";
+          if (response.data.success == true) {
+            console.log(response);
+            window.location.href = response.data.message + "?auto_submit=true";
+          } else {
+            console.log(response);
+            this.isLoading = false;
+          }
         })
         .catch((response) => {
+          this.isLoading = false;
           alert(response.message);
           console.log(response);
         });