diff --git a/src/client/pages/Layout.tsx b/src/client/pages/Layout.tsx
index 0e9d524..f82a191 100644
--- a/src/client/pages/Layout.tsx
+++ b/src/client/pages/Layout.tsx
@@ -75,7 +75,7 @@ export const Layout: React.FC = React.memo(() => {
         </div>
       )}
       <div className="flex-1 w-full overflow-hidden">
-        <div className="h-full px-4 overflow-auto">
+        <div className="h-full px-1 sm:px-4 overflow-auto">
           <div className="max-w-7xl m-auto">
             <Outlet />
           </div>