diff --git a/app/mail/page.tsx b/app/mail/page.tsx
index b91fdb8..b0830ea 100644
--- a/app/mail/page.tsx
+++ b/app/mail/page.tsx
@@ -6,7 +6,7 @@ import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Textarea } from "@/components/ui/textarea";
 import { Avatar, AvatarFallback } from "@/components/ui/avatar";
-import { MoreVertical, Settings, Plus as PlusIcon, Trash2, Edit, Mail, Inbox, Send, Star, Trash, Plus, ChevronLeft, ChevronRight, Search, ChevronDown, Folder, ChevronUp, Reply, Forward, ReplyAll, MoreHorizontal, FolderOpen } from 'lucide-react';
+import { MoreVertical, Settings, Plus as PlusIcon, Trash2, Edit, Mail, Inbox, Send, Star, Trash, Plus, ChevronLeft, ChevronRight, Search, ChevronDown, Folder, ChevronUp, Reply, Forward, ReplyAll, MoreHorizontal, FolderOpen, X } from 'lucide-react';
 
 interface Account {
   id: number;
@@ -443,25 +443,25 @@ export default function MailPage() {
               <div className="p-4 border-b border-gray-100 flex items-center justify-between">
                 <div className="flex items-center gap-2">
                   <Button
-                    variant="outline"
+                    variant="ghost"
                     size="sm"
-                    className="text-blue-600 border-blue-200 hover:bg-blue-50 hover:text-blue-700"
+                    className="text-gray-700 hover:bg-gray-100 hover:text-gray-900"
                   >
                     <Reply className="h-4 w-4 mr-2" />
                     Reply
                   </Button>
                   <Button
-                    variant="outline"
+                    variant="ghost"
                     size="sm"
-                    className="text-blue-600 border-blue-200 hover:bg-blue-50 hover:text-blue-700"
+                    className="text-gray-700 hover:bg-gray-100 hover:text-gray-900"
                   >
                     <ReplyAll className="h-4 w-4 mr-2" />
                     Reply all
                   </Button>
                   <Button
-                    variant="outline"
+                    variant="ghost"
                     size="sm"
-                    className="text-blue-600 border-blue-200 hover:bg-blue-50 hover:text-blue-700"
+                    className="text-gray-700 hover:bg-gray-100 hover:text-gray-900"
                   >
                     <Forward className="h-4 w-4 mr-2" />
                     Forward