fix(layout) fix top margin

app/layout.tsx

@@ -35,7 +35,11 @@ export default function RootLayout({
             disableTransitionOnChange
         >
             <Navbar />
+            <div className={ 'h-screen' }>
+                <div className={ 'mt-20 overflow-scroll' }>
                     { children }
+                </div>
+            </div>
         </ThemeProvider>
         </body>
         </html>

app/navbar.tsx

@@ -36,9 +36,9 @@ export default function Navbar() {
         <div
             className={ `flex flex-row fixed top-0 z-10 transition-all duration-300 backdrop-blur 
             ${ scrolled ? 'rounded-3xl w-[95%] ml-[2.5%] mr-[2.5%] mt-[1%] border-resolution-blue-200 border'
-                : 'w-full border-slate-200/15 border-b shadow' }` }>
+                : 'w-full border-slate-200/15 border-b shadow h-20' }` }>
             <div className={ `transition-all duration-300 ${ scrolled ? 'w-0' : 'w-[5%]' }` }></div>
-            <NavigationMenu className={ `transition-all duration-300 ${ scrolled ? '' : 'my-5' }` }>
+            <NavigationMenu className={ `transition-all duration-300` }>
                 <NavigationMenuList
                     className={ `flex space-x-4  transition-all duration-500 ${ scrolled ? 'space-x-3' : '' }` }>
                     <NavigationMenuItem>

app/page.tsx

@@ -2,15 +2,11 @@ export default function Home() {
     let info = new Array(200).fill(<p> test </p>);
     return (
         <main>
-            <div className={ 'h-screen' }>
-                <div className={ ' overflow-scroll' }>
                     <ul>
                         { info.map((item, id) => (
                             <li key={ id }> { item } </li>
                         )) }
                     </ul>
-                </div>
-            </div>
         </main>
     );
 }