diff --git a/source/_partials/footer.html.twig b/source/_partials/footer.html.twig
index 3ca6fbfb..bb2c39d3 100644
--- a/source/_partials/footer.html.twig
+++ b/source/_partials/footer.html.twig
@@ -1,7 +1,7 @@
 <footer class="mt-20">
-    <nav class="flex flex-wrap justify-center space-x-3">
+    <nav class="flex flex-wrap justify-center -mb-3">
         {% for link in site.menus.footer %}
-            <a class="text-lg dark:text-white dark:text-decoration-white link" href="{{ link.href }}">{{ link.title }}</a>
+            <a class="mx-3 mb-3 text-lg dark:text-white dark:text-decoration-white link" href="{{ link.href }}">{{ link.title }}</a>
         {% endfor %}
     </nav>
 </footer>
diff --git a/source/_partials/navbar.html.twig b/source/_partials/navbar.html.twig
index 488a21d8..bcb7cd27 100644
--- a/source/_partials/navbar.html.twig
+++ b/source/_partials/navbar.html.twig
@@ -18,7 +18,7 @@
             </div>
 
             <div>
-                <nav class="flex items-center mt-4 space-x-4 md:mt-0 md:flex-row">
+                <nav class="flex items-center mt-4 space-x-6 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>