diff --git a/components/widget/InvoiceKPI.js b/components/widget/InvoiceKPI.js
index 06edb9f..b1e3c66 100644
--- a/components/widget/InvoiceKPI.js
+++ b/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">
diff --git a/components/widget/PaymentAddKPI.js b/components/widget/PaymentAddKPI.js
index c07da7d..07f5259 100644
--- a/components/widget/PaymentAddKPI.js
+++ b/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>
diff --git a/pages/index.js b/pages/index.js
index f9e0b03..30e7761 100644
--- a/pages/index.js
+++ b/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 />