diff --git a/assets/js/components/Site.vue b/assets/js/components/Site.vue
index 274580687d..32746eb8be 100644
--- a/assets/js/components/Site.vue
+++ b/assets/js/components/Site.vue
@@ -1,7 +1,7 @@
 <template>
 	<div class="d-flex flex-column site safe-area-inset">
 		<div class="container px-4 top-area">
-			<div class="d-flex justify-content-between align-items-center mb-2">
+			<div class="d-flex justify-content-between align-items-center my-3 my-md-4">
 				<h1 class="d-block my-0">
 					{{ siteTitle || "evcc" }}
 				</h1>
diff --git a/assets/js/components/TopHeader.vue b/assets/js/components/TopHeader.vue
index 56d6e91b32..e3d70ce049 100644
--- a/assets/js/components/TopHeader.vue
+++ b/assets/js/components/TopHeader.vue
@@ -1,5 +1,5 @@
 <template>
-	<header class="d-flex justify-content-between align-items-center py-3">
+	<header class="d-flex justify-content-between align-items-center py-3 py-md-4">
 		<h1 class="mb-1 pt-1 d-flex text-nowrap text-truncate">
 			<router-link class="evcc-default-text" to="/" data-testid="home-link">
 				<shopicon-regular-home size="s" class="home"></shopicon-regular-home>