From 86757c20d707d727a38d343919c569518131c884 Mon Sep 17 00:00:00 2001
From: fullsizemalt <106900403+fullsizemalt@users.noreply.github.com>
Date: Sat, 20 Dec 2025 21:47:31 -0800
Subject: [PATCH] fix: Use inline styles for centering to bypass Tailwind
 compilation issue

---
 frontend/app/layout.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
index d3b105d..7d38d5f 100644
--- a/frontend/app/layout.tsx
+++ b/frontend/app/layout.tsx
@@ -26,7 +26,10 @@ export default function RootLayout({
         <AuthProvider>
           <PreferencesProvider>
             <Navbar />
-            <main className="container mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-6 flex-1">
+            <main
+              className="container py-6 flex-1"
+              style={{ maxWidth: '1280px', marginLeft: 'auto', marginRight: 'auto', paddingLeft: '1rem', paddingRight: '1rem' }}
+            >
               {children}
             </main>
             <Footer />