diff --git a/components/email/ComposeEmail.tsx b/components/email/ComposeEmail.tsx
index 42a06c48..435aea37 100644
--- a/components/email/ComposeEmail.tsx
+++ b/components/email/ComposeEmail.tsx
@@ -286,7 +286,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
         onClose={onClose}
       />
       <div className="flex-1 overflow-y-auto p-4">
-        <div className="h-full flex flex-col p-6 space-y-4 overflow-y-auto">
+        <div className="h-full flex flex-col p-4 space-y-2 overflow-y-auto">
           {/* To Field */}
           <div className="flex-none">
             <Label htmlFor="to" className="block text-sm font-medium text-gray-700">To</Label>
diff --git a/components/email/ComposeEmailHeader.tsx b/components/email/ComposeEmailHeader.tsx
index b23f3300..db972773 100644
--- a/components/email/ComposeEmailHeader.tsx
+++ b/components/email/ComposeEmailHeader.tsx
@@ -27,7 +27,7 @@ export default function ComposeEmailHeader({
 
   return (
     <div className="flex items-center justify-between p-4 border-b border-gray-200">
-      <h2 className="text-lg font-semibold">{getTitle()}</h2>
+      <h2 className="text-lg font-semibold text-gray-900">{getTitle()}</h2>
       <Button
         variant="ghost"
         size="icon"