diff --git a/src/app/app.component.css b/src/app/app.component.css
index e69de29..0730e93 100644
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -0,0 +1,3 @@
+.app-body {
+    min-height: 74vh;
+}
diff --git a/src/app/app.component.html b/src/app/app.component.html
index 20c39af..898fe16 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,5 +1,7 @@
 <app-header></app-header>
 
-<router-outlet></router-outlet>
+<div class="app-body">
+    <router-outlet></router-outlet>
+</div>
 
 <app-footer></app-footer>
diff --git a/src/app/footer/footer.component.css b/src/app/footer/footer.component.css
index 37e3577..0feb53c 100644
--- a/src/app/footer/footer.component.css
+++ b/src/app/footer/footer.component.css
@@ -1,5 +1,9 @@
+footer {
+    max-height: 100px;
+    margin-top: auto;
+}
+
 .page-footer {
-    position: absolute;
     bottom: 0;
     width: 100%;
 }