diff --git a/src/components/App.js b/src/components/App.js
index 5a8552eb54d35506b62fc8719d5fd16ac9a4c5f7..f1f898572e4c8bebc44ac649928190418c2379e6 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -4,7 +4,7 @@ import Main from './Main';
 import React from 'react';
 
 const App = () => (
-  <div style={{ minHeight: '100%', position: 'relative' }}>
+  <div style={{ minHeight: '100%', position: 'relative', paddingBottom: '3em' }}>
     <header id="header">
       <Header />
     </header>
@@ -13,7 +13,7 @@ const App = () => (
     </main>
     <footer
       id="footer"
-      style={{ width: '100%', bottom: '0' }}
+      style={{ position: 'absolute', width: '100%', bottom: '0' }}
     >
       <Footer />
     </footer>