diff --git a/src/app.css b/src/app.css
index f3129de..14648a2 100644
--- a/src/app.css
+++ b/src/app.css
@@ -797,6 +797,11 @@ body {
   background: #fff7ed;
 }
 
+.list-table-soft-head thead th {
+  background: #f8fafc;
+  color: #64748b;
+}
+
 .align-right {
   text-align: right !important;
 }
diff --git a/src/routes/admin/external-dashboard-management/index.tsx b/src/routes/admin/external-dashboard-management/index.tsx
index 82d7e09..61b96fc 100644
--- a/src/routes/admin/external-dashboard-management/index.tsx
+++ b/src/routes/admin/external-dashboard-management/index.tsx
@@ -261,14 +261,14 @@ export default function ExternalDashboardManagementPage() {
             <h2 class="page-title" style="font-size:20px">External Dashboard List</h2>
             <p class="page-subtitle">Choose one external role dashboard to open in the builder, or create a new one.</p>
           </div>
-          <button class="btn navy" onClick={createDashboard} disabled={creating()}>
+          <button class="btn primary" onClick={createDashboard} disabled={creating()}>
             {creating() ? 'Creating...' : 'Create External Dashboard'}
           </button>
         </div>
         <Show when={error()}><div class="error-box">{error()}</div></Show>
         <section class="card" style="padding: 0; overflow: hidden;">
           <div class="table-wrap">
-            <table class="list-table">
+            <table class="list-table list-table-soft-head">
               <thead>
                 <tr>
                   <th>Role</th>
@@ -317,7 +317,7 @@ export default function ExternalDashboardManagementPage() {
           </div>
           <div class="builder-header-actions">
             <button class="btn" onClick={() => setSelectedId('')}>Back to List</button>
-            <button class="btn navy" onClick={saveSelected} disabled={saving()}>
+            <button class="btn primary" onClick={saveSelected} disabled={saving()}>
               {saving() ? 'Saving...' : 'Save Dashboard'}
             </button>
           </div>
diff --git a/src/routes/admin/internal-dashboard-management/index.tsx b/src/routes/admin/internal-dashboard-management/index.tsx
index e783339..cfbf68d 100644
--- a/src/routes/admin/internal-dashboard-management/index.tsx
+++ b/src/routes/admin/internal-dashboard-management/index.tsx
@@ -307,7 +307,7 @@ export default function InternalDashboardManagementPage() {
         <Show when={error()}><div class="error-box">{error()}</div></Show>
         <section class="card" style="padding: 0; overflow: hidden;">
           <div class="table-wrap">
-            <table class="list-table">
+            <table class="list-table list-table-soft-head">
               <thead>
                 <tr>
                   <th>Role</th>
@@ -356,7 +356,7 @@ export default function InternalDashboardManagementPage() {
           </div>
           <div class="builder-header-actions">
             <button class="btn" onClick={() => setSelectedId('')}>Back to List</button>
-            <button class="btn navy" onClick={saveSelected} disabled={saving()}>
+            <button class="btn primary" onClick={saveSelected} disabled={saving()}>
               {saving() ? 'Saving...' : 'Save Dashboard'}
             </button>
           </div>