diff --git a/components/email/ComposeEmail.tsx b/components/email/ComposeEmail.tsx
index 42a06c48..fa40ef8b 100644
--- a/components/email/ComposeEmail.tsx
+++ b/components/email/ComposeEmail.tsx
@@ -286,9 +286,9 @@ 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-6 overflow-y-auto">
           {/* To Field */}
-          <div className="flex-none">
+          <div className="flex-none mb-4">
             <Label htmlFor="to" className="block text-sm font-medium text-gray-700">To</Label>
             <Input
               id="to"
@@ -300,7 +300,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
           </div>
 
           {/* CC/BCC Toggle Buttons */}
-          <div className="flex-none flex items-center gap-4">
+          <div className="flex-none flex items-center gap-4 mb-4">
             <button
               type="button"
               className="text-blue-600 hover:text-blue-700 text-sm font-medium"
@@ -319,7 +319,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
 
           {/* CC Field */}
           {showCc && (
-            <div className="flex-none">
+            <div className="flex-none mb-4">
               <Label htmlFor="cc" className="block text-sm font-medium text-gray-700">Cc</Label>
               <Input
                 id="cc"
@@ -333,7 +333,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
 
           {/* BCC Field */}
           {showBcc && (
-            <div className="flex-none">
+            <div className="flex-none mb-4">
               <Label htmlFor="bcc" className="block text-sm font-medium text-gray-700">Bcc</Label>
               <Input
                 id="bcc"
@@ -346,7 +346,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
           )}
 
           {/* Subject Field */}
-          <div className="flex-none">
+          <div className="flex-none mb-6">
             <Label htmlFor="subject" className="block text-sm font-medium text-gray-700">Subject</Label>
             <Input
               id="subject"