diff --git a/src/components/NavBox.astro b/src/components/NavBox.astro
index 9cf0b9f..9902e9b 100644
--- a/src/components/NavBox.astro
+++ b/src/components/NavBox.astro
@@ -5,7 +5,7 @@ import NavItem from "./NavItem.astro";
 <nav
   id="side-nav"
   class:list={[
-    "w-1/1",
+    "w-full",
     "border-4",
     "mt-1",
     "p-1",
@@ -16,10 +16,8 @@ import NavItem from "./NavItem.astro";
 >
   <ol>
     <NavItem href="/blog">Blog</NavItem>
-    <NavItem href="/authors">Authors</NavItem>
-    <li class:list={["h-4"]}></li>
-    <NavItem href="/sponsors" disabled>Sponsors</NavItem>
-    <li class:list={["h-4"]}></li>
+    <NavItem href="/authors" spacer>Authors</NavItem>
+    <NavItem href="/sponsors" disabled spacer>Sponsors</NavItem>
     <NavItem href="/imprint">Imprint</NavItem>
   </ol>
 </nav>
diff --git a/src/components/NavItem.astro b/src/components/NavItem.astro
index 3dbe07b..9a3f7a8 100644
--- a/src/components/NavItem.astro
+++ b/src/components/NavItem.astro
@@ -2,14 +2,20 @@
 export interface Props {
   href: string;
   disabled?: boolean;
+  spacer?: boolean;
 }
 
-const { href, disabled } = Astro.props;
+const { href, disabled, spacer } = Astro.props;
 
 const enabled = !disabled;
+
+let classes = [];
+if (spacer) {
+  classes.push("mb-4");
+}
 ---
 
-<li class:list={["text-center", "p-2"]}>
+<li class:list={["text-center", "p-2", ...classes]}>
   {
     enabled ? (
       <a href={href}>