diff --git a/src/components/StockChart.tsx b/src/components/StockChart.tsx
index 2244440..6c0e38f 100644
--- a/src/components/StockChart.tsx
+++ b/src/components/StockChart.tsx
@@ -9,7 +9,7 @@ export function StockChart() {
 
   if (loading) {
     return (
-      <Card className="col-span-1 lg:col-span-2">
+      <Card className="col-span-1 lg:col-span-2 mt-4"> {/* Added mt-4 here */}
         <CardContent className="h-80 flex items-center justify-center">
           Loading chart data...
         </CardContent>
@@ -19,7 +19,7 @@ export function StockChart() {
 
   if (error) {
     return (
-      <Card className="col-span-1 lg:col-span-2">
+      <Card className="col-span-1 lg:col-span-2 mt-4"> {/* Added mt-4 here */}
         <CardContent className="h-80 flex items-center justify-center text-red-500">
           Error loading chart: {error}
         </CardContent>
@@ -28,8 +28,8 @@ export function StockChart() {
   }
 
   return (
-    <Card className="col-span-1 lg:col-span-2">
-      <CardHeader className="bg-primary-dark text-white -mt-10 mb-4 p-4 rounded-lg shadow-lg">
+    <Card className="col-span-1 lg:col-span-2 mt-4"> {/* Added mt-4 here */}
+      <CardHeader className="bg-primary-dark text-white mb-4 p-4 rounded-lg shadow-lg"> {/* Removed -mt-10 */}
         <CardTitle className="text-white">Monthly Stock Activity</CardTitle>
       </CardHeader>
       <CardContent className="h-80">