diff --git a/src/components/layout/mobile/mobile-layout.tsx b/src/components/layout/mobile/mobile-layout.tsx
index 9bac103..e3b3d2f 100644
--- a/src/components/layout/mobile/mobile-layout.tsx
+++ b/src/components/layout/mobile/mobile-layout.tsx
@@ -21,7 +21,7 @@ export function MobileLayout({ children }: { children: ReactNode }) {
     <div data-shell="mobile" className="min-h-screen bg-background">
       <MobileLayoutProvider>
         <MobileTopbar />
-        <main className="pt-[calc(52px+env(safe-area-inset-top))] pb-[calc(56px+env(safe-area-inset-bottom))] min-h-screen">
+        <main className="px-4 pt-[calc(52px+env(safe-area-inset-top))] pb-[calc(56px+env(safe-area-inset-bottom))] min-h-screen">
           {children}
         </main>
         <MobileBottomTabs onMoreClick={() => setMoreOpen(true)} />