diff --git a/resources/assets/vue/components/paymentsBilling/elements/CustomerPaymentsBillingComponent.vue b/resources/assets/vue/components/paymentsBilling/elements/CustomerPaymentsBillingComponent.vue
index ff2c5683..9063cc95 100644
--- a/resources/assets/vue/components/paymentsBilling/elements/CustomerPaymentsBillingComponent.vue
+++ b/resources/assets/vue/components/paymentsBilling/elements/CustomerPaymentsBillingComponent.vue
@@ -63,8 +63,9 @@
                                 </div>
                             </div>
                         </div>
-                        <div class="col-auto">
-                            <div class="btn btn-sm all-caps b-rad-none btn-block" :class="{'btn-success': !expanded, 'btn-default': expanded}" @click="expanded = !expanded">{{ expanded ? 'Cancel' : 'Make Payment' }}</div>
+                        <div class="col-auto hide">
+                            <div class="btn btn-sm all-caps b-rad-none btn-block" :class="{'btn-success': !expanded, 'btn-default': expanded}" @click="expanded = !expanded">
+                                {{ expanded ? 'Cancel' : 'Make Payment' }}</div>
                         </div>
                     </div>
                 </div>
@@ -187,7 +188,7 @@
                     packing_list_id: null,
                     transaction_details: [],
                 },
-                expanded: false,
+                expanded: true,
             }
         },
         computed: {