diff --git a/src/components/molecules/Availability.module.scss b/src/components/molecules/Availability.module.scss
index 8755bfe..7898fca 100644
--- a/src/components/molecules/Availability.module.scss
+++ b/src/components/molecules/Availability.module.scss
@@ -1,13 +1,12 @@
 @import 'variables';
 
 .availability {
-    position: absolute;
-    bottom: 0;
     border-radius: .25rem;
     color: $text-color-light;
     z-index: 2;
     padding: $spacer / 2;
     display: block;
+    margin-top: auto;
 
     :global(.dark) & {
         color: $text-color-light--dark;
@@ -27,6 +26,8 @@
     color: $brand-main;
     position: fixed;
     bottom: $spacer;
+    left: 50%;
+    transform: translateX(-50%);
 
     :global(.dark) & {
         background: rgba($body-background-color--dark, .8);
diff --git a/src/components/organisms/Header.module.scss b/src/components/organisms/Header.module.scss
index 8e65567..066e420 100644
--- a/src/components/organisms/Header.module.scss
+++ b/src/components/organisms/Header.module.scss
@@ -3,13 +3,13 @@
 .header {
     position: relative;
     padding: $spacer;
-    height: calc(100vh - #{$spacer});
+    padding-top: 30vh;
+    min-height: calc(100vh - #{$spacer});
     max-height: 1000px;
-    display: flex;
-    flex-wrap: wrap;
-    align-content: center;
-    justify-content: center;
     text-align: center;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
 }
 
 .link {
@@ -19,7 +19,7 @@
 }
 
 .minimal {
-    height: auto;
+    min-height: 0;
     padding-top: $spacer * 2;
     padding-bottom: 0;