diff --git a/app/mail/page.tsx b/app/mail/page.tsx
index f81d436..895fd94 100644
--- a/app/mail/page.tsx
+++ b/app/mail/page.tsx
@@ -24,7 +24,7 @@ import {
   Inbox, Send, Star, Trash, Plus, ChevronLeft, ChevronRight, 
   Search, ChevronDown, Folder, ChevronUp, Reply, Forward, ReplyAll, 
   MoreHorizontal, FolderOpen, X, Paperclip, MessageSquare, Copy, EyeOff, 
-  AlertOctagon, Archive
+  AlertOctagon, Archive, RefreshCw
 } from 'lucide-react';
 import { ScrollArea } from '@/components/ui/scroll-area';
 
@@ -1231,26 +1231,34 @@ export default function MailPage() {
           </div>
         </div>
 
-        {/* Compose button */}
-          <div className="p-2 border-b border-gray-100">
+        {/* Compose button and refresh button */}
+        <div className="p-2 border-b border-gray-100 flex items-center gap-2">
           <Button 
-              className="w-full bg-blue-600 text-white rounded-lg hover:bg-blue-700 flex items-center justify-center transition-all py-1.5 text-sm"
-              onClick={() => {
-                setShowCompose(true);
-                setComposeTo('');
-                setComposeCc('');
-                setComposeBcc('');
-                setComposeSubject('');
-                setComposeBody('');
-                setShowCc(false);
-                setShowBcc(false);
-              }}
-            >
-              <div className="flex items-center gap-2">
-                <PlusIcon className="h-3.5 w-3.5" />
-                <span>Compose</span>
+            className="flex-1 bg-blue-600 text-white rounded-lg hover:bg-blue-700 flex items-center justify-center transition-all py-1.5 text-sm"
+            onClick={() => {
+              setShowCompose(true);
+              setComposeTo('');
+              setComposeCc('');
+              setComposeBcc('');
+              setComposeSubject('');
+              setComposeBody('');
+              setShowCc(false);
+              setShowBcc(false);
+            }}
+          >
+            <div className="flex items-center gap-2">
+              <PlusIcon className="h-3.5 w-3.5" />
+              <span>Compose</span>
             </div>
           </Button>
+          <Button
+            variant="ghost"
+            size="icon"
+            onClick={() => loadEmails()}
+            className="text-gray-600 hover:text-gray-900 hover:bg-gray-100"
+          >
+            <RefreshCw className="h-4 w-4" />
+          </Button>
         </div>
 
           {/* Accounts Section */}