diff --git a/src/app/app.component.html b/src/app/app.component.html
index b55ce601b2a6685c2f2a9d85cbb8cb4f754705cb..31025d8393b4a08990b7f93f677806ce4e3f414b 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -7,7 +7,7 @@
       <!-- Insert navigation module here -->
     </mat-toolbar-row>
   </mat-toolbar>
-  <div fxFlex>
+  <div fxFlex class="app-component">
     <router-outlet></router-outlet>
   </div>
 </div>
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index c169acb90f6ac95bfeb6426745f5c0ada2d25827..c26b99e0b7c7e98c7ab546630dc2c40fe8160dac 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -1 +1,5 @@
 @import '../theme/_variables.scss';
+
+.app-component {
+  padding: 20px;
+}