diff --git a/src/app/components/creator/room-creator-page/room-creator-page.component.scss b/src/app/components/creator/room-creator-page/room-creator-page.component.scss
index a4c8711834fea677f5f41d49464555dd441e34a8..9f53f5fb5e4f202284216f06a4cf1ea872fbf606 100644
--- a/src/app/components/creator/room-creator-page/room-creator-page.component.scss
+++ b/src/app/components/creator/room-creator-page/room-creator-page.component.scss
@@ -6,6 +6,7 @@ mat-card {
   min-height: 350px;
   max-height: 600px;
   background-color: var(--surface)!important;
+  margin-top: 7%;
 }
 
 mat-card-content > :first-child {
@@ -73,7 +74,7 @@ mat-card-content > :first-child {
 }
 
 mat-grid-list {
-  margin: 8% 0 10% 0;
+  margin-top: 0;
   max-height: 50%!important;
 }
 
@@ -137,5 +138,5 @@ mat-expansion-panel {
 }
 
 .question-button-div {
-  margin: 20% 0 20% 0;
+  margin: 10% 0 10% 0;
 }
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..4e2ac1ea6eeab3c3a1047ef2c9f60eff9242db68 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: 10%;
+}
+
 @keyframes moveInLeft {
   0% {
     opacity: 0;
diff --git a/src/app/components/moderator/room-moderator-page/room-moderator-page.component.scss b/src/app/components/moderator/room-moderator-page/room-moderator-page.component.scss
index 9d35aaf744c9502e11df04db816f751d54451f0f..9cace7ad4794cd2d9ff8be23003bab696313e5f7 100644
--- a/src/app/components/moderator/room-moderator-page/room-moderator-page.component.scss
+++ b/src/app/components/moderator/room-moderator-page/room-moderator-page.component.scss
@@ -6,6 +6,7 @@ mat-card {
   min-height: 350px;
   max-height: 600px;
   background-color: var(--surface)!important;
+  margin-top: 5%;
 }
 
 mat-card-content > :first-child {
@@ -73,7 +74,7 @@ mat-card-content > :first-child {
 }
 
 mat-grid-list {
-  margin: 8% 0 10% 0;
+  margin: 0;
 }
 
 .second {
@@ -136,5 +137,5 @@ mat-expansion-panel {
 }
 
 .question-button-div {
-  margin: 20% 0 20% 0;
+  margin: 10% 0 10% 0;
 }