diff --git a/app/static/css/styles.css b/app/static/css/styles.css
index 5d77220..7d2e7f9 100644
--- a/app/static/css/styles.css
+++ b/app/static/css/styles.css
@@ -1,12 +1,14 @@
+html, body {
+  height: 100%;
+}
+
 body {
   display: block;
-  height: 100vh;
 }
 
 .app {
   display: flex;
   flex-direction: column;
-  height: 100%;
 }
 
 .content {
diff --git a/app/templates/layout/layout.html b/app/templates/layout/layout.html
index 29abf34..c6b5da9 100644
--- a/app/templates/layout/layout.html
+++ b/app/templates/layout/layout.html
@@ -13,7 +13,7 @@
     {% endblock %}
   </head>
   <body>
-    <div class="app">
+    <div class="app h-100">
       <header class="container-fluid">
         <div class="row">
           <div class="col-9 col-sm-10 col-md-2">
@@ -46,11 +46,13 @@
         </div>
       </header>
       <div id="content" class="content">{% block content %}{% endblock %}</div>
-      <div id="footer" class="footer">
+
+      </div>
+      <footer class="footer">
         {% block footer %} 
         &copy; Copyright 2010 by <a href="http://domain.invalid/">you</a>. 
         {% endblock %}
-      </div>
-    </div>
+      </footer>
+
   </body>
 </html>
