diff --git a/src/app/components/home/login-page/login-page.component.html b/src/app/components/home/login-page/login-page.component.html
index dfe844f452f7c7539a7f0230477fc4aae1baa2d0..afdf7705f0e450e63228bb46111daf82461390f7 100644
--- a/src/app/components/home/login-page/login-page.component.html
+++ b/src/app/components/home/login-page/login-page.component.html
@@ -1,5 +1,5 @@
 <div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="20px" fxFill>
-  <div fxLayout="row" fxLayoutAlign="center">
+  <div fxLayout="row" fxLayoutAlign="start start">
     <mat-card class="outer">
       <mat-card-header>
         <mat-card-title>
diff --git a/src/app/components/home/login-page/login-page.component.scss b/src/app/components/home/login-page/login-page.component.scss
index a9caa8f74a5b3ef249d6fe91ebb0785e58cbd15b..11fe49b8794c0f8e7a15a0c25bdf8779fa778966 100644
--- a/src/app/components/home/login-page/login-page.component.scss
+++ b/src/app/components/home/login-page/login-page.component.scss
@@ -5,7 +5,8 @@
 }
 
 .outer {
-  width: 500px;
+  width: 90%;
+  height: 90%;
   background-color: #bbdefb;
 }
 
@@ -15,7 +16,7 @@
 
 .main-heading-primary {
   display: block;
-  font-size: 150%;
+  font-size: 120%;
   font-weight: bold;
   text-align: center;
   letter-spacing: 10px;
@@ -26,7 +27,7 @@
 .main-heading-secondary {
   font-family: sans-serif;
   display: block;
-  font-size: 50%;
+  font-size: 40%;
   text-align: center;
   letter-spacing: 10px;
   color: mat-color($arsnova-accent,500);