diff --git a/source/_layouts/base.html.twig b/source/_layouts/base.html.twig
index 256ec63a..60d46f2c 100644
--- a/source/_layouts/base.html.twig
+++ b/source/_layouts/base.html.twig
@@ -6,7 +6,7 @@
 
         {% include 'navbar' %}
 
-        <div class="max-w-2xl px-4 py-16 mx-auto">
+        <div class="max-w-2xl px-4 py-10 mx-auto md:py-16">
             <div id="main-content">
                 <h1 class="text-xl font-bold md:text-2xl">{{ page.title }}</h1>
 
diff --git a/source/_partials/navbar.html.twig b/source/_partials/navbar.html.twig
index 00525acb..488a21d8 100644
--- a/source/_partials/navbar.html.twig
+++ b/source/_partials/navbar.html.twig
@@ -1,5 +1,5 @@
 <div>
-    <div class="max-w-2xl px-4 py-2 mx-auto">
+    <div class="max-w-2xl px-4 py-4 mx-auto">
         <div class="flex flex-col items-center justify-between md:flex-row">
             <div>
                 <a href="/">
@@ -18,7 +18,7 @@
             </div>
 
             <div>
-                <nav class="flex flex-col items-center mt-4 md:mt-0 md:flex-row md:space-x-4">
+                <nav class="flex items-center mt-4 space-x-4 md:mt-0 md:flex-row">
                     {% for item in site.menus.main %}
                         {% set is_active = page.url matches '#' ~ item.is_active ~ '#' %}
                         <a class="text-black dark:text-white border-b-3 py-2 {{ is_active ? 'border-blue-800 dark:border-blue-400' : 'border-transparent' }}" href="{{ item.href }}">{{ item.title }}</a>