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 6cdf98fb718f7af91640710adcd6d9c6c641ebd0..d14b13d0ce1ae7d0ab5d0fc717b7d7d6ae099769 100644
--- a/src/app/components/home/home-page/home-page.component.scss
+++ b/src/app/components/home/home-page/home-page.component.scss
@@ -2,13 +2,13 @@
 
 .outer {
   width: 90%;
-  max-width: 600px;
+  max-width: 400px;
   background-color: #bbdefb;
 }
 
 .main-heading-primary {
   display: block;
-  font-size: 120%;
+  font-size: 150%;
   font-weight: bold;
   text-align: center;
   letter-spacing: 10px;
@@ -19,7 +19,7 @@
 .main-heading-secondary {
   font-family: sans-serif;
   display: block;
-  font-size: 40%;
+  font-size: 60%;
   text-align: center;
   letter-spacing: 10px;
   color: mat-color($arsnova-accent,500);
diff --git a/src/app/components/home/new-landing/new-landing.component.html b/src/app/components/home/new-landing/new-landing.component.html
index 33ee27b03b0fed23daa8795b94522fcac741ad98..f7eeb292acf5f8577f760bf6d916820adeacff5f 100644
--- a/src/app/components/home/new-landing/new-landing.component.html
+++ b/src/app/components/home/new-landing/new-landing.component.html
@@ -1,4 +1,4 @@
-<div fxLayout="column" fxLayoutAlign="center center" fxlayoutgap="50px" fxFill>
+<div fxLayout="column" fxLayoutAlign="center center" fxlayoutgap="20px" fxFill>
     <app-room-join></app-room-join>
     <button mat-fab class="fab-extended" color="primary" (click)="createSession()">
       <mat-icon class="add">add</mat-icon>
diff --git a/src/app/components/home/new-landing/new-landing.component.scss b/src/app/components/home/new-landing/new-landing.component.scss
index 16b72ae888cc83f083a20193b445c0b1dd411c85..f43f1a749630219f8dcf7c61dfa990d6f411a158 100644
--- a/src/app/components/home/new-landing/new-landing.component.scss
+++ b/src/app/components/home/new-landing/new-landing.component.scss
@@ -2,7 +2,7 @@
   width: 75%;
   height: 40px;
   border-radius: 32px;
-  margin-bottom: 10%;
+  margin-bottom: 5%;
   font-size: large;
 }
 
diff --git a/src/app/components/shared/room-join/room-join.component.scss b/src/app/components/shared/room-join/room-join.component.scss
index 35e9624a51daa51313351d6c20cd8d7c3a11eaca..6a6e30f8821106ba6d07c08016c77d41d3c5d5c9 100644
--- a/src/app/components/shared/room-join/room-join.component.scss
+++ b/src/app/components/shared/room-join/room-join.component.scss
@@ -3,7 +3,7 @@ mat-form-field {
 }
 
 form {
-  padding-top: 40px;
+  padding-top: 5%;
 }
 
 .demo {