From d4eb522e53b403b14fae5c819c70cafe1d9182b7 Mon Sep 17 00:00:00 2001
From: Michal Zielenkiewicz <michal@oasisprotocol.org>
Date: Thu, 3 Jul 2025 11:42:21 +0200
Subject: [PATCH 1/2] Remove mobile margin from header

---
 src/components/ui/layout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ui/layout.tsx b/src/components/ui/layout.tsx
index c0e26439..81f82f0d 100644
--- a/src/components/ui/layout.tsx
+++ b/src/components/ui/layout.tsx
@@ -4,7 +4,7 @@ import { useIsMobile } from '../../hooks'
 import { Separator } from './separator'
 
 const Header: FC<PropsWithChildren> = ({ children }) => (
-  <header className="mt-12 md:mt-0 sticky md:static z-50 top-0">
+  <header className="mt-0 sticky md:static z-50 top-0">
     <nav className="md:h-16 px-3 md:px-6 py-2.5 bg-background border-b border-border shadow-sm flex items-center">
       <div className="w-full max-w-[96rem] mx-auto flex">{children}</div>
     </nav>

From 26766c2377f5440b70a3b2561eac6b104edf798a Mon Sep 17 00:00:00 2001
From: Michal Zielenkiewicz <michal@oasisprotocol.org>
Date: Thu, 3 Jul 2025 11:44:29 +0200
Subject: [PATCH 2/2] Pass className to Layout component

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

diff --git a/src/components/ui/layout.tsx b/src/components/ui/layout.tsx
index 81f82f0d..a3e16d7c 100644
--- a/src/components/ui/layout.tsx
+++ b/src/components/ui/layout.tsx
@@ -2,6 +2,7 @@ import { FC, PropsWithChildren, ReactNode } from 'react'
 import { SidebarProvider, SidebarTrigger } from './sidebar'
 import { useIsMobile } from '../../hooks'
 import { Separator } from './separator'
+import { cn } from '../../lib/utils'
 
 const Header: FC<PropsWithChildren> = ({ children }) => (
   <header className="mt-0 sticky md:static z-50 top-0">
@@ -44,6 +45,7 @@ interface LayoutProps {
   headerBreadcrumbsContent?: ReactNode
   footerContent?: ReactNode
   sidebar?: ReactNode
+  className?: string
 }
 
 export const Layout: FC<PropsWithChildren<LayoutProps>> = ({
@@ -52,11 +54,12 @@ export const Layout: FC<PropsWithChildren<LayoutProps>> = ({
   headerBreadcrumbsContent,
   footerContent,
   sidebar,
+  className,
 }) => {
   const isMobile = useIsMobile()
 
   const layoutContent = (
-    <div className="w-full max-w-[96rem] mx-auto flex flex-col min-h-[800px] md:max-h-dvh">
+    <div className={cn('w-full max-w-[96rem] mx-auto flex flex-col min-h-[800px] md:max-h-dvh', className)}>
       {headerContent && <Header>{headerContent}</Header>}
 
       {isMobile && (