diff --git a/src/components/Header.astro b/src/components/Header.astro
index 3eb84b6ef..02b7283cf 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -16,7 +16,7 @@ const { path, navigation } = Astro.props;
           <span class="sr-only">Go to home page</span>
           <CentrapayLogo class="inline-block size-8 text-content-on-color" />
         </a>
-        <div class="ml-7 flex flex-row space-x-2">
+        <div class="ml-4 flex flex-row space-x-2 md:space-x-2">
           <a
             href="/"
             target="_self"
diff --git a/src/components/Navigation.vue b/src/components/Navigation.vue
index a014839b8..cc65af07a 100644
--- a/src/components/Navigation.vue
+++ b/src/components/Navigation.vue
@@ -1,6 +1,6 @@
 <template>
   <nav
-    class="w-full px-2"
+    class="w-full px-2 pt-2"
     aria-label="Sidebar"
   >
     <ul role="menubar">