code added

components/widget/InvoiceKPI.js

         <div className="card-header">
                     <h4 className="card-title">Previous Invoices</h4>
                 </div>
-        <div className="card-body">
+        <div className="card-body ">
            
         <div className="invoice-table">
                                     <div className="table-responsive">

components/widget/PaymentAddKPI.js

 function PaymentAddKPI() {
     return (
        
-            <div className="card">
+            <div className="card ">
                 {/* <div className="card-header">
                     <h4 className="card-title">Stats</h4>
                 </div> */}
-                <div className="card-body">
+                <div className="card-body d-flex flex-column gap-2">
                     <div>
                         <h3>Your Wallet</h3>
                     </div>

pages/index.js

                          </div>
                  
                     <div className="col-xl-6 col-lg-6">
-                    <InvoiceKPI />
+                    <InvoiceKPI num={true} />
                          </div>
                          <hr />
                          <SupportKPI />