diff --git a/app/mail/page.tsx b/app/mail/page.tsx
index a907235f..94c35441 100644
--- a/app/mail/page.tsx
+++ b/app/mail/page.tsx
@@ -11,7 +11,7 @@ export default async function Page() {
   }
 
   return (
-    <main className="w-full h-screen bg-black">
+    <main className="w-full h-screen bg-[#1E1E1E]">
       <div className="w-full h-full px-4 pt-12 pb-4">
         <ResponsiveIframe 
           src={process.env.NEXT_PUBLIC_IFRAME_MAIL_URL || 'https://mail.slm-lab.net'}
@@ -20,8 +20,9 @@ export default async function Page() {
           style={{
             marginTop: '-64px',
             marginLeft: '-180px',
-            width: 'calc(100% + 500px)',
-            right: '-160px'
+            width: 'calc(100% + 360px)',
+            right: '-90px',
+            height: 'calc(100% + 64px)'
           }}
         />
       </div>