diff --git a/apps/mail/app/(routes)/mail/layout.tsx b/apps/mail/app/(routes)/mail/layout.tsx
index 0fb80d88fb..55666424c8 100644
--- a/apps/mail/app/(routes)/mail/layout.tsx
+++ b/apps/mail/app/(routes)/mail/layout.tsx
@@ -7,7 +7,7 @@ export default function MailLayout({ children }: { children: React.ReactNode })
     <>
       <AppSidebar />
       <KeyboardShortcuts />
-      <div className="w-full bg-white py-3 pr-3 dark:bg-black">{children}</div>
+      <div className="w-full bg-white md:p-3 dark:bg-black">{children}</div>
       <AISidebar />
     </>
   );
diff --git a/apps/mail/app/(routes)/settings/layout.tsx b/apps/mail/app/(routes)/settings/layout.tsx
index 1906755c19..e02a983540 100644
--- a/apps/mail/app/(routes)/settings/layout.tsx
+++ b/apps/mail/app/(routes)/settings/layout.tsx
@@ -34,7 +34,7 @@ function SettingsLayoutContent({ children }: { children: React.ReactNode }) {
     <>
       <AppSidebar className="hidden lg:flex" />
       <AISidebar />
-      <div className="w-full bg-white dark:bg-black pt-3 pr-3">
+      <div className="w-full bg-white dark:bg-black md:p-3">
         <div className="rounded-inherit flex">
           <ResizablePanelGroup
             direction="horizontal"