diff --git a/src/components/StatCard.tsx b/src/components/StatCard.tsx
index 4ec5866..be0687f 100644
--- a/src/components/StatCard.tsx
+++ b/src/components/StatCard.tsx
@@ -3,18 +3,18 @@ import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 interface StatCardProps {
   title: string;
   value: string;
-  description: string; // Added description prop
+  description: string;
   icon: React.ReactNode;
 }
 
 export default function StatCard({ title, value, description, icon }: StatCardProps) {
   return (
     <Card>
-      <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
-        <CardTitle className="text-sm font-medium">{title}</CardTitle>
+      <CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2 bg-primary-dark text-white rounded-t-lg">
+        <CardTitle className="text-sm font-bold text-white">{title}</CardTitle>
         {icon}
       </CardHeader>
-      <CardContent>
+      <CardContent className="pt-6">
         <div className="text-2xl font-bold">{value}</div>
         <p className="text-xs text-muted-foreground">{description}</p>
       </CardContent>
diff --git a/src/components/StockChart.tsx b/src/components/StockChart.tsx
index a3445a2..2244440 100644
--- a/src/components/StockChart.tsx
+++ b/src/components/StockChart.tsx
@@ -29,8 +29,8 @@ export function StockChart() {
 
   return (
     <Card className="col-span-1 lg:col-span-2">
-      <CardHeader>
-        <CardTitle>Monthly Stock Activity</CardTitle>
+      <CardHeader className="bg-primary-dark text-white -mt-10 mb-4 p-4 rounded-lg shadow-lg">
+        <CardTitle className="text-white">Monthly Stock Activity</CardTitle>
       </CardHeader>
       <CardContent className="h-80">
         <ResponsiveContainer width="100%" height="100%">