diff --git a/app/components/responsive-iframe.tsx b/app/components/responsive-iframe.tsx
index a3c0de65..c9185864 100644
--- a/app/components/responsive-iframe.tsx
+++ b/app/components/responsive-iframe.tsx
@@ -6,9 +6,10 @@ interface ResponsiveIframeProps {
   src: string;
   className?: string;
   allow?: string;
+  style?: React.CSSProperties;
 }
 
-export function ResponsiveIframe({ src, className = '', allow }: ResponsiveIframeProps) {
+export function ResponsiveIframe({ src, className = '', allow, style }: ResponsiveIframeProps) {
   const iframeRef = useRef<HTMLIFrameElement>(null);
 
   useEffect(() => {
@@ -62,7 +63,8 @@ export function ResponsiveIframe({ src, className = '', allow }: ResponsiveIfram
       style={{
         display: 'block',
         width: '100%',
-        height: '100%'
+        height: '100%',
+        ...style
       }}
       allow={allow}
       allowFullScreen
diff --git a/app/mail/page.tsx b/app/mail/page.tsx
index 27daeca8..7457d3d8 100644
--- a/app/mail/page.tsx
+++ b/app/mail/page.tsx
@@ -16,6 +16,13 @@ export default async function Page() {
         <ResponsiveIframe 
           src={process.env.NEXT_PUBLIC_IFRAME_MAIL_URL || ''}
           allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          className="relative"
+          style={{
+            marginTop: '-64px',
+            marginLeft: '-180px',
+            width: 'calc(100% + 500px)',
+            right: '-160px'
+          }}
         />
       </div>
     </main>