diff --git a/app/mail/page.tsx b/app/mail/page.tsx
index 97bce64..319a243 100644
--- a/app/mail/page.tsx
+++ b/app/mail/page.tsx
@@ -881,13 +881,13 @@ export default function MailPage() {
           <>
             {/* Email actions header */}
             <div className="flex-none p-4 border-b border-gray-100">
-              <div className="flex items-center justify-between">
-                <div className="flex items-center gap-2">
+              <div className="flex items-center justify-between h-10">
+                <div className="flex items-center gap-2 min-w-0">
                   <Button
                     variant="ghost"
                     size="icon"
                     onClick={() => setSelectedEmail(null)}
-                    className="md:hidden"
+                    className="md:hidden flex-shrink-0"
                   >
                     <ChevronLeft className="h-5 w-5" />
                   </Button>
@@ -895,11 +895,11 @@ export default function MailPage() {
                     {selectedEmail.subject}
                   </h2>
                 </div>
-                <div className="flex items-center gap-2">
+                <div className="flex items-center gap-1 flex-shrink-0">
                   <Button
                     variant="ghost"
                     size="icon"
-                    className="text-gray-400 hover:text-gray-900"
+                    className="text-gray-400 hover:text-gray-900 h-9 w-9"
                     onClick={() => handleReply('reply')}
                   >
                     <Reply className="h-5 w-5" />
@@ -907,7 +907,7 @@ export default function MailPage() {
                   <Button
                     variant="ghost"
                     size="icon"
-                    className="text-gray-400 hover:text-gray-900"
+                    className="text-gray-400 hover:text-gray-900 h-9 w-9"
                     onClick={() => handleReply('replyAll')}
                   >
                     <ReplyAll className="h-5 w-5" />
@@ -915,7 +915,7 @@ export default function MailPage() {
                   <Button
                     variant="ghost"
                     size="icon"
-                    className="text-gray-400 hover:text-gray-900"
+                    className="text-gray-400 hover:text-gray-900 h-9 w-9"
                     onClick={() => handleReply('forward')}
                   >
                     <Forward className="h-5 w-5" />
@@ -923,7 +923,7 @@ export default function MailPage() {
                   <Button
                     variant="ghost"
                     size="icon"
-                    className="text-gray-400 hover:text-gray-900"
+                    className="text-gray-400 hover:text-gray-900 h-9 w-9"
                     onClick={(e) => toggleStarred(selectedEmail.id, e)}
                   >
                     <Star className={`h-5 w-5 ${selectedEmail.starred ? 'fill-yellow-400 text-yellow-400' : ''}`} />
@@ -931,7 +931,7 @@ export default function MailPage() {
                   <Button
                     variant="ghost"
                     size="icon"
-                    className="text-gray-400 hover:text-gray-900"
+                    className="text-gray-400 hover:text-gray-900 h-9 w-9"
                     onClick={() => {/* Add to folder logic */}}
                   >
                     <FolderOpen className="h-5 w-5" />
@@ -939,7 +939,7 @@ export default function MailPage() {
                   <Button
                     variant="ghost"
                     size="icon"
-                    className="text-gray-400 hover:text-gray-900"
+                    className="text-gray-400 hover:text-gray-900 h-9 w-9"
                     onClick={() => {/* Mark as spam logic */}}
                   >
                     <MessageSquare className="h-5 w-5" />