diff --git a/src/_includes/base.njk b/src/_includes/base.njk
index ba88cb2..5079ad6 100644
--- a/src/_includes/base.njk
+++ b/src/_includes/base.njk
@@ -43,16 +43,7 @@
 	<body>
 		<header class="wrapper-lg row space-between">
 			<a href="/" class="site-title">LD</a>
-			<nav>
-				<ul class="row" role='list'>
-					<li><a href="/">Home</a></li>
-					<li><a href="/blog">Blog</a></li>
-					<li><a href="/blogroll">Blogroll</a></li>
-					<li><a href="/events/2024">Events</a></li>
-					<li><a href="/links">Links</a></li>
-				</ul>
-			</nav>
-
+			
 			<a href="/feed/" class="rss" aria-label="RSS feed">
 				<i class="fa-solid fa-rss"></i>
 			</a>
@@ -71,6 +62,16 @@
 					System
 				</label>
 			</fieldset>
+
+			<nav class="main-nav">
+				<ul class="row" role='list'>
+					<li><a href="/">Home</a></li>
+					<li><a href="/blog">Blog</a></li>
+					<li><a href="/blogroll">Blogroll</a></li>
+					<li><a href="/events/2024">Events</a></li>
+					<li><a href="/links">Links</a></li>
+				</ul>
+			</nav>
 		</header>
 		{{ content | safe }}
 		<footer>
diff --git a/src/css/exceptions/main-nav.css b/src/css/exceptions/main-nav.css
new file mode 100644
index 0000000..bd483a8
--- /dev/null
+++ b/src/css/exceptions/main-nav.css
@@ -0,0 +1,10 @@
+.main-nav {
+    width: 100%;
+    flex-grow: 1;
+
+    .row {
+        width: fit-content;
+        max-width: 100%;
+        margin: 0 auto;
+    }
+}
\ No newline at end of file
diff --git a/src/css/exceptions/site-title.css b/src/css/exceptions/site-title.css
index b2a4726..8c2fb68 100644
--- a/src/css/exceptions/site-title.css
+++ b/src/css/exceptions/site-title.css
@@ -4,6 +4,7 @@
   line-height: 1;
   text-decoration: none;
   place-self: start;
+  flex-grow: 1;
 
   &:hover, &:focus, &:focus-visible {
     outline: 0px transparent;
diff --git a/src/css/globals.css b/src/css/globals.css
index 5d44749..248765c 100644
--- a/src/css/globals.css
+++ b/src/css/globals.css
@@ -156,6 +156,7 @@ header {
    flex-wrap: wrap;
    padding-top: var(--space-size-s);
    padding-bottom: var(--space-size-s);
+   align-items: center;
 }
 
 p {
diff --git a/tailwind.config.js b/tailwind.config.js
index abd28c5..e13a4ee 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -14,7 +14,13 @@ module.exports = {
 			'2xl': '1536px',
 			'3xl': '1920px',
 	 	},
-		colors: colors,
+		colors: {
+			...colors,
+			neutral: {
+				...colors.neutral,
+				400: '#b1b1b1'
+			}
+		},
 		backgroundColor: ({theme}) => theme('colors'),
 		textColor: ({theme}) => theme('colors'),
 		spacing: {
