diff --git a/components/email/ComposeEmail.tsx b/components/email/ComposeEmail.tsx
index f825c940..089323bb 100644
--- a/components/email/ComposeEmail.tsx
+++ b/components/email/ComposeEmail.tsx
@@ -359,12 +359,12 @@ export default function ComposeEmail(props: ComposeEmailProps) {
           {/* From */}
           <div className="border-b pb-1">
             <div className="flex items-center">
-              <span className="w-16 text-gray-700 font-medium">From:</span>
+              <span className="w-16 text-gray-700 text-sm font-medium">From:</span>
               <DropdownMenu>
                 <DropdownMenuTrigger asChild>
                   <Button 
                     variant="outline" 
-                    className="w-full flex justify-between items-center h-8 px-2 py-1 text-left font-normal"
+                    className="w-full flex justify-between items-center h-8 px-2 py-1 text-left font-normal bg-white text-gray-800 border-gray-200"
                   >
                     <span className="truncate">
                       {selectedAccount ? 
@@ -402,7 +402,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
           {/* Recipients */}
           <div className="border-b pb-1">
             <div className="flex items-center">
-              <span className="w-16 text-gray-700 font-medium">To:</span>
+              <span className="w-16 text-gray-700 text-sm font-medium">To:</span>
               <Input 
                 type="text"
                 value={to}
@@ -414,7 +414,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
             
             {showCc && (
               <div className="flex items-center">
-                <span className="w-16 text-gray-700 font-medium">Cc:</span>
+                <span className="w-16 text-gray-700 text-sm font-medium">Cc:</span>
                 <Input 
                   type="text"
                   value={cc}
@@ -427,7 +427,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
             
             {showBcc && (
               <div className="flex items-center">
-                <span className="w-16 text-gray-700 font-medium">Bcc:</span>
+                <span className="w-16 text-gray-700 text-sm font-medium">Bcc:</span>
                 <Input 
                   type="text"
                   value={bcc}
@@ -463,7 +463,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
           {/* Subject */}
           <div className="border-b pb-1">
             <div className="flex items-center">
-              <span className="w-16 text-gray-700 font-medium">Subject:</span>
+              <span className="w-16 text-gray-700 text-sm font-medium">Subject:</span>
               <Input 
                 type="text"
                 value={subject}
@@ -509,7 +509,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
       {/* Footer */}
       <div className="border-t p-3 flex items-center justify-between bg-gray-50">
         <div className="flex items-center gap-2">
-          {/* File Input for Attachments */}
+          {/* File Input for Attachments - simpler version */}
           <input
             type="file"
             id="file-attachment"
@@ -521,14 +521,14 @@ export default function ComposeEmail(props: ComposeEmailProps) {
               }
             }}
           />
-          <label htmlFor="file-attachment" className="flex items-center cursor-pointer">
+          <label htmlFor="file-attachment" className="cursor-pointer">
             <Button 
-              variant="outline" 
+              variant="ghost" 
               size="sm"
-              className="flex items-center gap-1"
+              className="p-1"
+              title="Attach files"
             >
-              <Paperclip className="h-4 w-4" />
-              <span>Attach</span>
+              <Paperclip className="h-5 w-5" />
             </Button>
           </label>
         </div>
@@ -537,7 +537,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
           <Button 
             variant="outline"
             onClick={onClose}
-            className="border-gray-300 text-gray-700"
+            className="border-red-300 text-red-600 hover:text-red-700 hover:bg-red-50"
           >
             Cancel
           </Button>
@@ -555,7 +555,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
               </>
             ) : (
               <>
-                <SendHorizontal className="h-4 w-4" />
+                <SendHorizontal className="mr-2 h-4 w-4" />
                 Send
               </>
             )}