diff --git a/src/app/components/home/home-page/home-page.component.html b/src/app/components/home/home-page/home-page.component.html
index c6f604ec9d8d99f4a39425fd66cdcb56f15ed689..85872135d6aff458d9311f834eb82904d6714740 100644
--- a/src/app/components/home/home-page/home-page.component.html
+++ b/src/app/components/home/home-page/home-page.component.html
@@ -1,4 +1,4 @@
-<div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="20px" fxFill>
+<div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="20px" fxFill class="home">
   <div fxLayout="row" fxLayoutAlign="center">
     <h1>
       <span class="main-heading-secondary" aria-hidden="true">{{ 'login.welcome' | translate }}</span>
diff --git a/src/app/components/home/home-page/home-page.component.scss b/src/app/components/home/home-page/home-page.component.scss
index 8e3eb4490218a902e72e7e40ef97172969ee4496..b446b81ef75e6f33cfe8635c4fbb0c66d750b09d 100644
--- a/src/app/components/home/home-page/home-page.component.scss
+++ b/src/app/components/home/home-page/home-page.component.scss
@@ -24,6 +24,10 @@
   animation: moveInRight 1s ease-out;
 }
 
+.home {
+  margin-top: 20%;
+}
+
 @keyframes moveInLeft {
   0% {
     opacity: 0;