diff --git a/components/email/ComposeEmail.tsx b/components/email/ComposeEmail.tsx
index 089323bb..45d9feb9 100644
--- a/components/email/ComposeEmail.tsx
+++ b/components/email/ComposeEmail.tsx
@@ -384,7 +384,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
                       <DropdownMenuItem 
                         key={account.id}
                         onClick={() => setSelectedAccount(account)}
-                        className="cursor-pointer"
+                        className="cursor-pointer hover:bg-blue-50 focus:bg-blue-50"
                       >
                         {account.display_name ? 
                           `${account.display_name} <${account.email}>` : 
@@ -525,7 +525,7 @@ export default function ComposeEmail(props: ComposeEmailProps) {
             <Button 
               variant="ghost" 
               size="sm"
-              className="p-1"
+              className="p-1 text-gray-700 hover:bg-gray-100"
               title="Attach files"
             >
               <Paperclip className="h-5 w-5" />
@@ -535,9 +535,9 @@ export default function ComposeEmail(props: ComposeEmailProps) {
         
         <div className="flex items-center gap-2">
           <Button 
-            variant="outline"
+            variant="default"
             onClick={onClose}
-            className="border-red-300 text-red-600 hover:text-red-700 hover:bg-red-50"
+            className="bg-red-600 hover:bg-red-700 text-white"
           >
             Cancel
           </Button>