code added

components/widget/InvoiceKPI.js

@@ -9,7 +9,7 @@ function InvoiceKPI({num}) {
         <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

@@ -3,11 +3,11 @@ import React from 'react'
 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

@@ -52,7 +52,7 @@ function Home({ lineData, doughnutData }) {
                          </div>
                  
                     <div className="col-xl-6 col-lg-6">
-                    <InvoiceKPI />
+                    <InvoiceKPI num={true} />
                          </div>
                          <hr />
                          <SupportKPI />