diff --git a/assets/styles/components/nav-docs.scss b/assets/styles/components/nav-docs.scss
index 91a5104..f8d2e64 100644
--- a/assets/styles/components/nav-docs.scss
+++ b/assets/styles/components/nav-docs.scss
@@ -37,6 +37,9 @@
 		li {
 			line-height: 1.5;
 		}
+		.sub-menu {
+			margin-top: 0.5rem;
+		}
 		li::marker {
 			content: '→ ';
 		}
diff --git a/assets/styles/components/nav-header.scss b/assets/styles/components/nav-header.scss
deleted file mode 100644
index 4ec3657..0000000
--- a/assets/styles/components/nav-header.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-.header-nav {
-	display: flex;
-	flex-flow: row wrap;
-	justify-content: center;
-	align-items: center;
-	.menu {
-		display: flex;
-		flex-flow: row wrap;
-		gap: 1em;
-		a {
-			display: flex;
-			align-items: center;
-			gap: 0.5em;
-		}
-	}
-}
\ No newline at end of file
diff --git a/assets/styles/components/site-footer.scss b/assets/styles/components/site-footer.scss
index 3c31e37..f2ed795 100644
--- a/assets/styles/components/site-footer.scss
+++ b/assets/styles/components/site-footer.scss
@@ -2,17 +2,33 @@
 	display: flex;
 	align-items: center;
 	padding: 1em 0;
-}
-.site-footer hr {display: none;}
-.site-footer .container {
-	display: flex;
-	justify-content: space-between;
-	flex-flow: row wrap;
-	gap: 1em;
-}
 
-.footer-nav .menu {
-	display: flex;
-	flex-flow: row wrap;
-	gap: 1em;
-}
\ No newline at end of file
+	hr {display: none;}
+
+	.container {
+		display: flex;
+		flex-flow: row wrap;
+		gap: 1em;
+	}
+
+	.footer-nav .menu {
+		display: flex;
+		flex-flow: row wrap;
+		gap: 1em;
+	}
+	
+	.social-nav {
+		.menu {
+			display: flex;
+			gap: 1rem;
+			a:after {
+				display: none;
+			}
+		}
+	}
+
+	a[href='#top'] {
+		margin-left: auto;
+	}
+	
+}
diff --git a/assets/styles/components/site-header.scss b/assets/styles/components/site-header.scss
index f5b04f7..d6dc860 100644
--- a/assets/styles/components/site-header.scss
+++ b/assets/styles/components/site-header.scss
@@ -31,4 +31,21 @@
 	flex-flow: row wrap;
 	justify-content: space-between;
 	gap: 1em;
+}
+
+.header-nav {
+	display: flex;
+	flex-flow: row wrap;
+	justify-content: center;
+	align-items: center;
+	.menu {
+		display: flex;
+		flex-flow: row wrap;
+		gap: 1em;
+		a {
+			display: flex;
+			align-items: center;
+			gap: 0.5em;
+		}
+	}
 }
\ No newline at end of file
diff --git a/assets/styles/features/search.scss b/assets/styles/features/search.scss
index f4fd449..a33b72e 100644
--- a/assets/styles/features/search.scss
+++ b/assets/styles/features/search.scss
@@ -37,6 +37,8 @@
 	padding: 0.5rem 1rem;
 	margin-right: 0.5rem;
 	flex-shrink: 1;
+	height: 2rem;
+	box-sizing: border-box;
 }
 
 #search-submit {
@@ -45,4 +47,5 @@
 	background: var(--primary-accent);
 	color: var(--primary-accent-text);
 	border-radius: 4px;
+	height: 2rem;
 }
\ No newline at end of file
diff --git a/assets/styles/screen.scss b/assets/styles/screen.scss
index 6acd462..0a93e73 100644
--- a/assets/styles/screen.scss
+++ b/assets/styles/screen.scss
@@ -4,7 +4,6 @@
 @import "common/content";
 
 @import "components/site-header";
-@import "components/nav-header";
 @import "components/nav-docs";
 @import "components/site-footer";
 
diff --git a/layouts/partials/nav-social.html b/layouts/partials/nav-social.html
new file mode 100644
index 0000000..fff334f
--- /dev/null
+++ b/layouts/partials/nav-social.html
@@ -0,0 +1,13 @@
+<nav class="social-nav">
+	<ul class="menu">
+		{{ $currentPage := . }}
+		{{ range .Site.Menus.social }}
+		<li
+			class='{{ .Identifier }}'>
+			<a href="{{ .URL }}">
+				{{ .Pre }}
+			</a>
+		</li>
+		{{ end }}
+	</ul>
+</nav>
\ No newline at end of file
diff --git a/layouts/partials/site-footer.html b/layouts/partials/site-footer.html
index 8b6d0b1..f30a509 100644
--- a/layouts/partials/site-footer.html
+++ b/layouts/partials/site-footer.html
@@ -2,6 +2,7 @@
 	<hr>
 	<div class="container">
 		{{ partial "nav-footer.html" . }}
+		{{ partial "nav-social.html" . }}
 		<a href="#top">back to top</a>
 	</div>
 </footer>