diff --git a/src/App.js b/src/App.js
index 7e97117..0857dd7 100644
--- a/src/App.js
+++ b/src/App.js
@@ -5,7 +5,7 @@ import Footer from './components/molecules/Footer'
 
 const App = () => (
   <FadeIn>
-    <div>
+    <div className="app">
       <Routes />
       <Footer />
     </div>
diff --git a/src/index.scss b/src/index.scss
index b424bb8..3bc3864 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -96,6 +96,13 @@ svg {
     height: auto;
 }
 
+.app {
+    display: flex;
+    min-height: 100vh;
+    flex-direction: column;
+}
+
 .screen {
+    flex: 1;
     padding: $spacer;
 }