diff --git a/src/components/layout/ClientLayout.tsx b/src/components/layout/ClientLayout.tsx
index 22319db..bddb55f 100644
--- a/src/components/layout/ClientLayout.tsx
+++ b/src/components/layout/ClientLayout.tsx
@@ -103,7 +103,7 @@ export default function ClientLayout({ children, initialLibraries = [], initialF
             userIsAdmin={userIsAdmin}
           />
         )}
-        <main className={`${!isPublicRoute ? "container pt-safe" : ""}`}>{children}</main>
+        <main className={!isPublicRoute ? "pt-safe" : ""}>{children}</main>
         <InstallPWA />
         <Toaster />
         <NetworkStatus />
diff --git a/src/components/ui/container.tsx b/src/components/ui/container.tsx
index 8d0f2fd..7198dc0 100644
--- a/src/components/ui/container.tsx
+++ b/src/components/ui/container.tsx
@@ -2,7 +2,7 @@ import * as React from "react";
 import { cva, type VariantProps } from "class-variance-authority";
 import { cn } from "@/lib/utils";
 
-const containerVariants = cva("mx-auto px-4 sm:px-6 lg:px-8", {
+const containerVariants = cva("mx-auto px-2 sm:px-6 lg:px-8", {
   variants: {
     size: {
       default: "max-w-screen-2xl",