diff --git a/app/mail/page.tsx b/app/mail/page.tsx
index 1873440..400d1fd 100644
--- a/app/mail/page.tsx
+++ b/app/mail/page.tsx
@@ -1106,7 +1106,18 @@ export default function MailPage() {
                   <div className="flex items-center justify-between gap-2 mb-1">
                     <div className="flex items-center gap-2 min-w-0">
                       <span className={`text-sm truncate ${!email.read ? 'font-semibold text-gray-900' : 'text-gray-600'}`}>
-                        {currentView === 'Sent' ? email.to : (email.fromName || email.from)}
+                        {currentView === 'Sent' ? email.to : (
+                          (() => {
+                            // Check if email is in format "name <email>"
+                            const fromMatch = email.from.match(/^([^<]+)\s*<([^>]+)>$/);
+                            if (fromMatch) {
+                              // If we have both name and email, return just the name
+                              return fromMatch[1].trim();
+                            }
+                            // If it's just an email address, return the full email
+                            return email.from;
+                          })()
+                        )}
                       </span>
                     </div>
                     <div className="flex items-center gap-2 flex-shrink-0">