diff --git a/src/pages/Root.tsx b/src/pages/Root.tsx
index 3663fd5..d2fc470 100644
--- a/src/pages/Root.tsx
+++ b/src/pages/Root.tsx
@@ -13,10 +13,10 @@ const SkeletonPage = () => (
 );
 
 export const Root = () => (
-    <Flex direction="column" align="center" maxW={{ xl: "1200px" }} m="0 auto">
+    <Flex direction="column" align="center" maxW={{ xl: "1280px" }} m="0 auto">
         <Header />
 
-        <Container w="100%" flex="1" maxW="container.lg" py={2}>
+        <Container w="100%" flex="1" maxW="container.xl" py={2}>
             <React.Suspense fallback={<SkeletonPage />}>
                 <Outlet />
             </React.Suspense>