diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 921d094..b6786cd 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -24,17 +24,17 @@ import {
 // Modern gradient background component
 function DashboardHero({ firstName }: { firstName: string }) {
   return (
-    <div className="relative mb-8 overflow-hidden rounded-3xl bg-gradient-to-br from-teal-600 via-blue-600 to-blue-700 p-8 text-white">
-      <div className="absolute inset-0 bg-black/10" />
+    <Card className="relative mb-8 overflow-hidden p-8 border-0 shadow-sm transition-shadow hover:shadow-md">
+      <div className="absolute inset-0" />
       <div className="relative z-10">
         <h1 className="mb-2 text-3xl font-bold">Welcome back, {firstName}!</h1>
-        <p className="text-lg text-blue-100">
+        <p className="text-lg">
           Ready to manage your invoicing business
         </p>
       </div>
       <div className="absolute -top-8 -right-8 h-32 w-32 rounded-full bg-white/10" />
       <div className="absolute -right-4 -bottom-4 h-24 w-24 rounded-full bg-white/5" />
-    </div>
+    </Card>
   );
 }
 
diff --git a/src/styles/globals.css b/src/styles/globals.css
index c489abf..4433331 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -695,7 +695,7 @@
 
   /* Additional Brand Utility Classes */
   .btn-brand-primary {
-    @apply bg-gradient-to-r from-teal-600 to-blue-600 text-white shadow-lg shadow-teal-500/25 transition-all duration-300 hover:from-teal-700 hover:to-blue-700 hover:shadow-xl hover:shadow-teal-500/30;
+    @apply bg-gradient-to-r from-teal-500 to-teal-700 text-white shadow-lg shadow-teal-500/25 transition-all duration-300 hover:from-teal-600 hover:to-teal-800 hover:shadow-xl hover:shadow-teal-500/30;
   }
 
   .btn-brand-secondary {
@@ -711,7 +711,7 @@
   }
 
   .text-brand-gradient {
-    @apply bg-gradient-to-r from-teal-600 to-blue-600 bg-clip-text text-transparent;
+    @apply bg-gradient-to-r from-teal-500 to-teal-700 bg-clip-text text-transparent;
   }
 
   .text-brand-light {