diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 7d073fb..0ec87f2 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -5,7 +5,7 @@
                 <img class="brand-logo" src="//via.placeholder.com/256" alt="Brand Logo">
                 <span class="brand-name">Daniel de Cloet</span>
             </a>
-            <nav class="site-nav">
+            <nav class="site-nav flex flex-center flex-direction-column">
                 <ul class="nav-items">
                     <li class="nav-item"><a href="/snippets">Snippets</a></li>
                 </ul>