From 54a54c84e926c5506377319b53879cdc93409e52 Mon Sep 17 00:00:00 2001
From: lubej <matej.lubej@oasisprotocol.org>
Date: Thu, 14 Aug 2025 13:20:28 +0200
Subject: [PATCH] Layout: Restrict content width

---
 src/components/ui/layout.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/layout.tsx b/src/components/ui/layout.tsx
index 6b49f5df..52375ef9 100644
--- a/src/components/ui/layout.tsx
+++ b/src/components/ui/layout.tsx
@@ -59,7 +59,7 @@ export const Layout: FC<PropsWithChildren<LayoutProps>> = ({
   const isMobile = useIsMobile()
 
   const layoutContent = (
-    <div className={cn('w-full flex flex-col min-h-screen', className)}>
+    <div className={cn('w-full flex flex-col min-h-[max(100vh,800px)]', className)}>
       {headerContent && <Header>{headerContent}</Header>}
 
       {isMobile && (
@@ -79,7 +79,7 @@ export const Layout: FC<PropsWithChildren<LayoutProps>> = ({
               {headerBreadcrumbsContent && (
                 <HeaderBreadcrumbs hasSidebar={!!sidebar}>{headerBreadcrumbsContent}</HeaderBreadcrumbs>
               )}
-              <main className="flex-1 overflow-y-auto min-h-0">{children}</main>
+              <main className="flex-1 max-w-[96rem] mx-auto overflow-y-auto min-h-0">{children}</main>
             </div>
           </div>
         </div>