diff --git a/app/Views/commission_file_upload.php b/app/Views/commission_file_upload.php
index b2041356..71ecd86f 100644
--- a/app/Views/commission_file_upload.php
+++ b/app/Views/commission_file_upload.php
@@ -376,7 +376,8 @@
                 "<'row'<'col-sm-12'tr>>" +
                 "<'row'<'col-sm-5'i><'col-sm-7'p>>",
 
-            buttons: [{
+            buttons: [
+                {
                     text: 'Upload <i class="mdi mdi-upload"></i>',
                     className: 'btn app-btn-primary  mr-2', // custom class
                     action: function(e, dt, node, config) {
diff --git a/app/Views/payout_list.php b/app/Views/payout_list.php
index ff2a36f2..5f789fb2 100644
--- a/app/Views/payout_list.php
+++ b/app/Views/payout_list.php
@@ -182,18 +182,6 @@
 <div class="col-12">
     <div class="card">
         <div class="card-body">
-            <div class="row" style="padding-bottom: 10px;">
-                <div class="col-6" style="align-self: center;">
-                    <!-- <h4 style="position: relative;">Payout List <span id="payout_title"></span></h4> -->
-                </div>
-                <div class="col-5" style="align-self: right;"></div>
-                <div class="col-1" style="align-self: right;">
-                    <button class="btn app-btn-primary mr-2" type="button"
-                        onclick="window.location.href='<?= base_url('payout/invoices?type=add') ?>'">
-                        Add
-                    </button>
-                </div>
-            </div>
             <div class="table-responsive">
                 <table data-custom-table-css="table" id="scroll-horizontal-datatable" class="table w-100 nowrap">
                     <thead class="bg-light">
@@ -269,6 +257,13 @@
                     "<'row'<'col-sm-12'tr>>" +
                     "<'row'<'col-sm-5'i><'col-sm-7'p>>", // Pagination at the bottom, without page length selector
                 buttons: [
+                    {
+                        text: 'Add',
+                        className: 'btn app-btn-primary  mr-2', // custom class
+                        action: function(e, dt, node, config) {
+                            addInvoiceButton();
+                        }
+                    },
                     {
                         extend: 'collection',
                         text: '<span class=" btn-custom"> Export </span><i class="mdi mdi-menu-down"></i>',
@@ -361,4 +356,8 @@
         });
     }
 
+    function addInvoiceButton(){
+        window.location.href='<?= base_url('payout/invoices?type=add') ?>'
+    }
+
 </script>
\ No newline at end of file