diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index 49800e522d831a48e1b0938b9e3c809fd33ca9e8..23f30f8823f78bc2ff012e22dfa0f15a82ec9f7a 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -1,7 +1,7 @@
 @import '../theme/_variables.scss';
 
 .app-component {
-  padding: 20px;
+  padding: 4%;
   background-color: #b2dfdb;
 }
 
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 817fce61284a4e1641b6a421ea04e150e38dd6b3..b69727265452861f2fec6722f83d919c4415f700 100644
--- a/src/app/components/home/login-page/login-page.component.html
+++ b/src/app/components/home/login-page/login-page.component.html
@@ -3,12 +3,12 @@
     <mat-card class="outer">
       <mat-card-header fxlayoutalign="center">
         <mat-card-title fxlayoutalign="center">
-          <h1 class="main-heading">
+          <h1>
             <span class="main-heading-secondary">{{ 'login-page.welcome' | translate }}</span>
             <span class="main-heading-primary">ARSnova</span>
           </h1>
-      </mat-card-title>
-    </mat-card-header>
+        </mat-card-title>
+      </mat-card-header>
     <mat-card-content>
       <div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="20px" fxFill>
           <div fxLayout="row" fxLayoutAlign="center">
@@ -29,7 +29,7 @@
                 </div>
              </mat-tab>
              </mat-tab-group>
-             <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="18px">
+             <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="15px">
                 <button mat-raised-button class="regButton" color="primary" (click)="openRegisterDialog()">
                   {{ 'login-page.register' | translate }}
                 </button>
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 2c03b3272957129dadede656db1070812ded4d51..f999211fecfc4c4e71a5dae794e299f5c3c5d591 100644
--- a/src/app/components/home/login-page/login-page.component.scss
+++ b/src/app/components/home/login-page/login-page.component.scss
@@ -5,11 +5,12 @@
 }
 
 .inner {
-  min-width: 323px;
+  min-width: 320px;
   background-color: #f5f5f5;
 }
 
 .outer {
+  width: 500px;
   background-color: #bbdefb;
 }
 
@@ -76,3 +77,7 @@
 .pwButton {
   min-width: 178px;
 }
+
+mat-card-header {
+  justify-content: center;
+}