diff --git a/src/admin/views/dashboard.ejs b/src/admin/views/dashboard.ejs
index decc364..6e57cd0 100644
--- a/src/admin/views/dashboard.ejs
+++ b/src/admin/views/dashboard.ejs
@@ -10,7 +10,7 @@
     <div class="col-xl col-md-4 col-sm-6">
         <div class="panel panel-icon">
             <div class="panel-hdr">
-                <h2><svg class="sa-icon"><use href="/icons/sprite.svg#users"></use></svg> Total Users</h2>
+                <h2><svg class="sa-icon me-2"><use href="/icons/sprite.svg#users"></use></svg> Total Users</h2>
             </div>
             <div class="panel-container show">
                 <div class="panel-content text-center">
@@ -22,7 +22,7 @@
     <div class="col-xl col-md-4 col-sm-6">
         <div class="panel panel-icon">
             <div class="panel-hdr">
-                <h2><svg class="sa-icon"><use href="/icons/sprite.svg#box"></use></svg> Total Products</h2>
+                <h2><svg class="sa-icon me-2"><use href="/icons/sprite.svg#box"></use></svg> Total Products</h2>
             </div>
             <div class="panel-container show">
                 <div class="panel-content text-center">
@@ -34,7 +34,7 @@
     <div class="col-xl col-md-4 col-sm-6">
         <div class="panel panel-icon">
             <div class="panel-hdr">
-                <h2><svg class="sa-icon"><use href="/icons/sprite.svg#layers"></use></svg> Subcategories</h2>
+                <h2><svg class="sa-icon me-2"><use href="/icons/sprite.svg#layers"></use></svg> Subcategories</h2>
             </div>
             <div class="panel-container show">
                 <div class="panel-content text-center">
@@ -46,7 +46,7 @@
     <div class="col-xl col-md-4 col-sm-6">
         <div class="panel panel-icon">
             <div class="panel-hdr">
-                <h2><svg class="sa-icon"><use href="/icons/sprite.svg#shopping-cart"></use></svg> Total Purchases</h2>
+                <h2><svg class="sa-icon me-2"><use href="/icons/sprite.svg#shopping-cart"></use></svg> Total Purchases</h2>
             </div>
             <div class="panel-container show">
                 <div class="panel-content text-center">
@@ -58,7 +58,7 @@
     <div class="col-xl col-md-4 col-sm-6">
         <div class="panel panel-icon">
             <div class="panel-hdr">
-                <h2><svg class="sa-icon"><use href="/icons/sprite.svg#dollar-sign"></use></svg> Revenue</h2>
+                <h2><svg class="sa-icon me-2"><use href="/icons/sprite.svg#dollar-sign"></use></svg> Revenue</h2>
             </div>
             <div class="panel-container show">
                 <div class="panel-content text-center">
@@ -74,7 +74,7 @@
     <div class="col-xl-8">
         <div class="panel panel-icon">
             <div class="panel-hdr">
-                <h2><svg class="sa-icon"><use href="/icons/sprite.svg#trending-up"></use></svg> Revenue (7 Days)</h2>
+                <h2><svg class="sa-icon me-2"><use href="/icons/sprite.svg#trending-up"></use></svg> Revenue (7 Days)</h2>
             </div>
             <div class="panel-container show">
                 <div class="panel-content">
@@ -86,7 +86,7 @@
     <div class="col-xl-4">
         <div class="panel panel-icon">
             <div class="panel-hdr">
-                <h2><svg class="sa-icon"><use href="/icons/sprite.svg#activity"></use></svg> Recent Activity</h2>
+                <h2><svg class="sa-icon me-2"><use href="/icons/sprite.svg#activity"></use></svg> Recent Activity</h2>
             </div>
             <div class="panel-container show">
                 <div class="panel-content">
@@ -131,7 +131,7 @@
     <div class="col-xl-6">
         <div class="panel panel-icon">
             <div class="panel-hdr">
-                <h2><svg class="sa-icon"><use href="/icons/sprite.svg#user-plus"></use></svg> New Users (7 Days)</h2>
+                <h2><svg class="sa-icon me-2"><use href="/icons/sprite.svg#user-plus"></use></svg> New Users (7 Days)</h2>
             </div>
             <div class="panel-container show">
                 <div class="panel-content">
@@ -143,7 +143,7 @@
     <div class="col-xl-6">
         <div class="panel panel-icon">
             <div class="panel-hdr">
-                <h2><svg class="sa-icon"><use href="/icons/sprite.svg#award"></use></svg> Top Products (30 Days)</h2>
+                <h2><svg class="sa-icon me-2"><use href="/icons/sprite.svg#award"></use></svg> Top Products (30 Days)</h2>
             </div>
             <div class="panel-container show">
                 <div class="panel-content">
@@ -159,15 +159,15 @@
     <div class="col-xl-4">
         <div class="panel panel-icon">
             <div class="panel-hdr">
-                <h2><svg class="sa-icon"><use href="/icons/sprite.svg#zap"></use></svg> Quick Actions</h2>
+                <h2><svg class="sa-icon me-2"><use href="/icons/sprite.svg#zap"></use></svg> Quick Actions</h2>
             </div>
             <div class="panel-container show">
                 <div class="panel-content">
                     <div class="d-grid gap-2">
-                        <a href="/products" class="btn btn-primary"><svg class="sa-icon"><use href="/icons/sprite.svg#plus"></use></svg> Add Product</a>
-                        <a href="/users" class="btn btn-success"><svg class="sa-icon"><use href="/icons/sprite.svg#user-plus"></use></svg> Add User</a>
-                        <a href="/catalog" class="btn btn-info text-white"><svg class="sa-icon"><use href="/icons/sprite.svg#list"></use></svg> View Catalog</a>
-                        <a href="/settings" class="btn btn-secondary"><svg class="sa-icon"><use href="/icons/sprite.svg#settings"></use></svg> Settings</a>
+                        <a href="/products" class="btn btn-primary"><svg class="sa-icon me-2"><use href="/icons/sprite.svg#plus"></use></svg> Add Product</a>
+                        <a href="/users" class="btn btn-success"><svg class="sa-icon me-2"><use href="/icons/sprite.svg#user-plus"></use></svg> Add User</a>
+                        <a href="/catalog" class="btn btn-info text-white"><svg class="sa-icon me-2"><use href="/icons/sprite.svg#list"></use></svg> View Catalog</a>
+                        <a href="/settings" class="btn btn-secondary"><svg class="sa-icon me-2"><use href="/icons/sprite.svg#settings"></use></svg> Settings</a>
                     </div>
                 </div>
             </div>
@@ -176,7 +176,7 @@
     <div class="col-xl-4">
         <div class="panel panel-icon">
             <div class="panel-hdr">
-                <h2><svg class="sa-icon"><use href="/icons/sprite.svg#percent"></use></svg> Commission Due</h2>
+                <h2><svg class="sa-icon me-2"><use href="/icons/sprite.svg#percent"></use></svg> Commission Due</h2>
             </div>
             <div class="panel-container show">
                 <div class="panel-content">
@@ -194,7 +194,7 @@
                             <span>Total Balances: $<%= commission.totalBalance.toFixed(2) %></span>
                             <span>Last Paid: $<%= commission.lastPaidAmount.toFixed(2) %></span>
                         </div>
-                        <a href="/wallets" class="btn btn-outline-warning btn-sm w-100"><svg class="sa-icon"><use href="/icons/sprite.svg#file-text"></use></svg> Record Payment</a>
+                        <a href="/wallets" class="btn btn-outline-warning btn-sm w-100"><svg class="sa-icon me-2"><use href="/icons/sprite.svg#file-text"></use></svg> Record Payment</a>
                     <% } else { %>
                         <div class="text-center text-muted py-3">Commission disabled</div>
                     <% } %>
@@ -205,7 +205,7 @@
     <div class="col-xl-4">
         <div class="panel panel-icon">
             <div class="panel-hdr">
-                <h2><svg class="sa-icon"><use href="/icons/sprite.svg#credit-card"></use></svg> Wallet Summary</h2>
+                <h2><svg class="sa-icon me-2"><use href="/icons/sprite.svg#credit-card"></use></svg> Wallet Summary</h2>
             </div>
             <div class="panel-container show">
                 <div class="panel-content">