diff --git a/app/Classes/Modules/Transactions/ControllersLogic/UpdateTransactionStatusLogic.php b/app/Classes/Modules/Transactions/ControllersLogic/UpdateTransactionStatusLogic.php
index 1f6085e4..171d4e61 100644
--- a/app/Classes/Modules/Transactions/ControllersLogic/UpdateTransactionStatusLogic.php
+++ b/app/Classes/Modules/Transactions/ControllersLogic/UpdateTransactionStatusLogic.php
@@ -50,13 +50,18 @@ class UpdateTransactionStatusLogic extends AbstractControllerLogic
         $approvalArray = [
             'approve' => ApprovalStatus::APPROVED,
             'expire' => ApprovalStatus::EXPIRED,
+            'reject' => ApprovalStatus::REJECTED,
         ];
 
         $approvalStatus = $approvalArray[$request->route('status')];
 
         $transaction = $this->fetchesTransaction->execute(['id' => $request->route('id')]);
 
-        $transaction = $this->updatesTransactionStatus->execute($transaction, $approvalStatus);
+        if ($request->route('status') === 'reject') {
+            $transaction->delete();
+        } else {
+            $transaction = $this->updatesTransactionStatus->execute($transaction, $approvalStatus);
+        }
 
         return $this->resourceResponse(new TransactionResource($transaction));
     }
diff --git a/resources/assets/vue/components/paymentsBilling/elements/AdminPaymentsBillingComponent.vue b/resources/assets/vue/components/paymentsBilling/elements/AdminPaymentsBillingComponent.vue
index b7078f02..d7756791 100644
--- a/resources/assets/vue/components/paymentsBilling/elements/AdminPaymentsBillingComponent.vue
+++ b/resources/assets/vue/components/paymentsBilling/elements/AdminPaymentsBillingComponent.vue
@@ -84,9 +84,15 @@
                             <div class="btn bg-grey no-border muted requestModal" v-if="item.shippng_transaction && invoice_status == 'Pending Approval'" data-type="confirmInvoice">
                                 <i class="fa fa-check fs-12"></i>
                             </div>
+                            <div class="btn bg-grey no-border muted requestModal" v-if="item.shippng_transaction && invoice_status == 'Pending Approval'" data-type="deleteInoive">
+                                <i class="fa fa-close fs-12"></i>
+                            </div>
                             <modal-component class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="confirmInvoice">
                                 <approve-shipping-invoice-form-component :section="section" :data="data"></approve-shipping-invoice-form-component>
                             </modal-component>
+                            <modal-component class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="deleteInoive">
+                                <delete-shipping-invoice-form-component :section="section" :data="data"></delete-shipping-invoice-form-component>
+                            </modal-component>
                         </div>
                     </div>
                 </div>
diff --git a/resources/assets/vue/components/paymentsBilling/forms/DeleteShippingInvoiceFormComponent.vue b/resources/assets/vue/components/paymentsBilling/forms/DeleteShippingInvoiceFormComponent.vue
new file mode 100644
index 00000000..2e27eb60
--- /dev/null
+++ b/resources/assets/vue/components/paymentsBilling/forms/DeleteShippingInvoiceFormComponent.vue
@@ -0,0 +1,31 @@
+<template>
+    <div class="row" @keyup.enter="submitForm">
+        <div class="col bg-white padding-40 b-rad-lg">
+            <div class="row">
+                <div class="col text-center">
+                    <div class="row m-b-20">
+                        <div class="col">
+                            <h5 class="all-caps">Delete Invoice</h5>
+                            <div class="fs-11">Are you sure you want to delete this invoice?</div>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col p-r-5">
+                            <div data-dismiss="modal" class="btn btn-sm btn-default bg-master-lighter btn-block b-rad-none">Cancel</div>
+                        </div>
+                        <div class="col p-l-5">
+                            <div class="btn btn-danger w-100 btn-sm" @click="submit(route('api.transaction.update', data.shippng_transaction.id, 'reject'), 'put', section, true, true)">Confirm</div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+<script>
+    import modalFormHandler from '../../../general/mixins/modalFormHandler';
+    export default {
+        mixins: [modalFormHandler]
+    }
+
+</script>
\ No newline at end of file
diff --git a/routes/transaction.php b/routes/transaction.php
index 5da80295..3d847135 100644
--- a/routes/transaction.php
+++ b/routes/transaction.php
@@ -6,7 +6,7 @@ Route::group(['prefix' => 'transactions', 'namespace' => 'Transactions', 'as' =>
 
     Route::get('/list', 'ListTransactionsController@list')->name('list');
     Route::delete('/suspend/{id}', 'SuspendTransactionController@suspend')->name('suspend');
-    Route::put('{id}/status/update/{status}', 'UpdateTransactionStatusController@update')->where('status', 'approve|expire')->name('update');
+    Route::put('{id}/status/update/{status}', 'UpdateTransactionStatusController@update')->where('status', 'approve|expire|reject')->name('update');
 
     Route::group(['prefix' => 'payment', 'as' => 'payment.'], function () {
         Route::post('/create', 'CreatePaymentTransactionController@create')->name('create');