diff --git a/frontend/src/pages/Automation/Dashboard.tsx b/frontend/src/pages/Automation/Dashboard.tsx
index ad47770e..b38ac145 100644
--- a/frontend/src/pages/Automation/Dashboard.tsx
+++ b/frontend/src/pages/Automation/Dashboard.tsx
@@ -257,34 +257,30 @@ export default function AutomationDashboard() {
           <EnhancedMetricCard
             title="Active Workflows"
             value={stats?.activeWorkflows || 0}
-            icon={BoltIcon}
-            trend={{ value: 0, isPositive: true }}
-            color="from-[#5d4ae3] to-[#3a2f94]"
-            loading={loading}
+            icon={<BoltIcon className="size-6" />}
+            trend={0}
+            accentColor="purple"
           />
           <EnhancedMetricCard
             title="Scheduled Tasks"
             value={stats?.scheduledTasks || 0}
-            icon={CalendarIcon}
-            trend={{ value: 0, isPositive: true }}
-            color="from-[#0693e3] to-[#0472b8]"
-            loading={loading}
+            icon={<CalendarIcon className="size-6" />}
+            trend={0}
+            accentColor="blue"
           />
           <EnhancedMetricCard
             title="Completed Today"
             value={stats?.completedToday || 0}
-            icon={CheckCircleIcon}
-            trend={{ value: 0, isPositive: true }}
-            color="from-[#0bbf87] to-[#08966b]"
-            loading={loading}
+            icon={<CheckCircleIcon className="size-6" />}
+            trend={0}
+            accentColor="green"
           />
           <EnhancedMetricCard
             title="Success Rate"
             value={`${stats?.successRate || 0}%`}
-            icon={PaperPlaneIcon}
-            trend={{ value: 0, isPositive: true }}
-            color="from-[#ff7a00] to-[#cc5f00]"
-            loading={loading}
+            icon={<PaperPlaneIcon className="size-6" />}
+            trend={0}
+            accentColor="orange"
           />
         </div>
 
diff --git a/frontend/src/pages/Thinker/Dashboard.tsx b/frontend/src/pages/Thinker/Dashboard.tsx
index 5d1b2b94..a5c9ecbf 100644
--- a/frontend/src/pages/Thinker/Dashboard.tsx
+++ b/frontend/src/pages/Thinker/Dashboard.tsx
@@ -155,34 +155,30 @@ export default function ThinkerDashboard() {
           <EnhancedMetricCard
             title="Prompt Library"
             value={stats?.totalPrompts || 0}
-            icon={FileTextIcon}
-            trend={{ value: 0, isPositive: true }}
-            color="from-[#ff7a00] to-[#cc5f00]"
-            loading={loading}
+            icon={<FileTextIcon className="size-6" />}
+            trend={0}
+            accentColor="orange"
           />
           <EnhancedMetricCard
             title="Author Profiles"
             value={stats?.activeProfiles || 0}
-            icon={UserIcon}
-            trend={{ value: 0, isPositive: true }}
-            color="from-[#0693e3] to-[#0472b8]"
-            loading={loading}
+            icon={<UserIcon className="size-6" />}
+            trend={0}
+            accentColor="blue"
           />
           <EnhancedMetricCard
             title="Strategies"
             value={stats?.strategies || 0}
-            icon={ShootingStarIcon}
-            trend={{ value: 0, isPositive: true }}
-            color="from-[#5d4ae3] to-[#3a2f94]"
-            loading={loading}
+            icon={<ShootingStarIcon className="size-6" />}
+            trend={0}
+            accentColor="purple"
           />
           <EnhancedMetricCard
             title="Usage This Month"
             value={stats?.usageThisMonth || 0}
-            icon={BoltIcon}
-            trend={{ value: 0, isPositive: true }}
-            color="from-[#0bbf87] to-[#08966b]"
-            loading={loading}
+            icon={<BoltIcon className="size-6" />}
+            trend={0}
+            accentColor="green"
           />
         </div>