diff --git a/frontend/src/routes/MailLayout.tsx b/frontend/src/routes/MailLayout.tsx
index e9c998f..07ea7c5 100644
--- a/frontend/src/routes/MailLayout.tsx
+++ b/frontend/src/routes/MailLayout.tsx
@@ -1724,7 +1724,7 @@ export function MailLayout() {
           />
           <div
             aria-hidden={!sheetOpen}
-            className={`fixed inset-y-0 right-0 z-50 w-[88vw] max-w-[420px] border-l border-app-border pb-[env(safe-area-inset-bottom)] pt-[env(safe-area-inset-top)] shadow-2xl transition-transform duration-200 ease-out bg-app-surface ${
+            className={`fixed inset-y-0 right-0 z-50 w-full pb-[env(safe-area-inset-bottom)] pt-[env(safe-area-inset-top)] shadow-2xl transition-transform duration-200 ease-out bg-app-surface ${
               sheetOpen ? "translate-x-0" : "pointer-events-none translate-x-full"
             }`}
           >