diff --git a/app/ui/Main.tsx b/app/ui/Main.tsx
index 3e60430..41b9637 100644
--- a/app/ui/Main.tsx
+++ b/app/ui/Main.tsx
@@ -9,7 +9,7 @@ export interface MainProps {
 export const Main:FC<MainProps> = ({ children }) =>
 <main className="flex min-h-screen flex-col bg-base-300">
     <PageHeader />
-    <div className="mx-auto px-4">
+    <div className="sm:mx-auto px-4">
         {children}
     </div>
     <PageFooter />