diff --git a/dashboard/src/components/PublicPageLayout.vue b/dashboard/src/components/PublicPageLayout.vue
index b52e05277..09de38fde 100644
--- a/dashboard/src/components/PublicPageLayout.vue
+++ b/dashboard/src/components/PublicPageLayout.vue
@@ -24,13 +24,13 @@ defineProps({
     <div class="public-page-layout-root">
       <div class="public-page-layout-left pankow-no-mobile" :style="{ 'background-image': `url('${API_ORIGIN}/api/v1/cloudron/background')` }">
         <img class="cloudron-avatar" width="128" height="128" :src="iconUrl"/>
-        <div>{{ cloudronName }}</div>
+        <div class="cloudron-name">{{ cloudronName }}</div>
       </div>
 
       <div class="public-page-layout-right">
         <div class="public-page-layout-mobile-logo">
           <img class="cloudron-avatar" width="128" height="128" :src="iconUrl"/>
-          <div>{{ cloudronName }}</div>
+          <div class="cloudron-name">{{ cloudronName }}</div>
         </div>
         <div class="public-page-layout-right-slot">
           <slot></slot>
@@ -105,6 +105,10 @@ defineProps({
   border-radius: 10px;
 }
 
+.public-page-layout-left .cloudron-name {
+  margin-bottom: 30%;
+}
+
 .public-page-layout-right {
   flex-basis: 70%;
   display: flex;