diff --git a/app/static/css/styles.css b/app/static/css/styles.css
index 2f8cef0..adfd706 100644
--- a/app/static/css/styles.css
+++ b/app/static/css/styles.css
@@ -3,7 +3,8 @@ html, body {
 }
 
 body {
-  display: block;
+  display: flex;
+  flex-direction: column;
 }
 
 .app {
@@ -15,6 +16,10 @@ body {
   flex-grow: 1;
 }
 
+.footer {
+  padding: 20px;
+}
+
 .inner-header-logo {
   background-image: url('./../img/paw.png');
   background-position: center;
diff --git a/app/templates/layout/layout.html b/app/templates/layout/layout.html
index c6b5da9..e9c7c18 100644
--- a/app/templates/layout/layout.html
+++ b/app/templates/layout/layout.html
@@ -45,8 +45,8 @@
           </div>
         </div>
       </header>
-      <div id="content" class="content">{% block content %}{% endblock %}</div>
-
+      <div id="content" class="content">
+        {% block content %}{% endblock %}
       </div>
       <footer class="footer">
         {% block footer %}