diff --git a/app/components/emails/three-column-layout.tsx b/app/components/emails/three-column-layout.tsx
index 3fba7839..def3ee3d 100644
--- a/app/components/emails/three-column-layout.tsx
+++ b/app/components/emails/three-column-layout.tsx
@@ -156,7 +156,7 @@ export function ThreeColumnLayout() {
                   {t("backToEmailList")}
                 </button>
                 <div className="flex-1 flex justify-between items-center gap-2 min-w-0">
-                  <div className="flex items-center gap-2">
+                  <div className="flex items-center gap-2 min-w-0">
                     <span className="truncate min-w-0 flex-1 text-right">{selectedEmail.address}</span>
                     <div className="shrink-0 cursor-pointer text-primary" onClick={copyEmailAddress}>
                       <Copy className="size-4" />