diff --git a/src/components/NavBox.astro b/src/components/NavBox.astro
index 68601e7..c705a78 100644
--- a/src/components/NavBox.astro
+++ b/src/components/NavBox.astro
@@ -5,6 +5,12 @@
 // SPDX-License-Identifier: MIT
 
 import NavItem from "./NavItem.astro";
+
+export interface Props {
+  class?: string;
+}
+
+const class_ = Astro.props.class ?? ""
 ---
 
 <nav
@@ -15,7 +21,7 @@ import NavItem from "./NavItem.astro";
     "m-1",
     "p-1",
     "rounded-[12px]",
-    "md:w-1/5",
+    class_
   ]}
 >
   <ol>
diff --git a/src/layouts/NobbzDev.astro b/src/layouts/NobbzDev.astro
index a826083..f9e8f9d 100644
--- a/src/layouts/NobbzDev.astro
+++ b/src/layouts/NobbzDev.astro
@@ -1,7 +1,7 @@
 ---
 // SPDX-FileCopyrightText: 2025 Norbert Melzer
 // SPDX-FileContributor: Norbert Melzer
-// 
+//
 // SPDX-License-Identifier: MIT
 
 import NavBox from "../components/NavBox.astro";
@@ -56,7 +56,17 @@ import "../styles/base.css";
           NobbZ<span class="text-xs text-overlay1">.dev</span>
         </h1>
       </div>
-      <div class:list={["flex", "md:flex-row", "flex-col", "flex-none"]}>
+      <div
+        class:list={[
+          "flex",
+          "md:flex-row",
+          "w-full",
+          "lg:w-[1024px]",
+          "m-auto",
+          "flex-col",
+          "flex-none",
+        ]}
+      >
         <div
           id="main"
           class:list={[
@@ -72,7 +82,7 @@ import "../styles/base.css";
         >
           <slot />
         </div>
-        <NavBox />
+        <NavBox class:list={["md:w-1/5"]} />
       </div>
       <div class:list={["flex-auto"]}></div>
       <footer