diff --git a/client/Application.js b/client/Application.js
index faaf8053..96544d05 100644
--- a/client/Application.js
+++ b/client/Application.js
@@ -5,6 +5,7 @@ import { Route, HashRouter } from 'react-router-dom'
 import { Home, ProjectGroups, Interface, News, AddInterface } from './containers/index'
 import User from './containers/User/User.js'
 import Header from './components/Header/Header'
+import Footer from './components/Footer/Footer'
 import Loading from './components/Loading/Loading'
 import { checkLoginState } from './actions/login'
 import { requireAuthentication } from './components/AuthenticatedComponent';
@@ -53,6 +54,7 @@ export default class App extends Component {
             <Route path="/user" component={requireAuthentication(User)} />
             <Route path="/News" component={requireAuthentication(News)} />
             <Route path="/AddInterface" component={ requireAuthentication(AddInterface) } />
+            <Footer/>
           </div>
         </HashRouter>
       )
diff --git a/client/containers/Home/Home.scss b/client/containers/Home/Home.scss
index 7ec199b9..3048ad6c 100644
--- a/client/containers/Home/Home.scss
+++ b/client/containers/Home/Home.scss
@@ -9,7 +9,7 @@ $color-black-lighter: #404040;
 
 
 .home-main {
-  min-height:calc(100% - 2.23rem);
+  min-height:calc(100% - 2.47rem);
   display: -webkit-box;
   -webkit-box-orient: vertical;
   background: $color-blue-grey-lighter;
diff --git a/client/styles/common.scss b/client/styles/common.scss
index 7fcf9500..46647f23 100644
--- a/client/styles/common.scss
+++ b/client/styles/common.scss
@@ -11,6 +11,7 @@ html, body {
   margin: 0;
   padding: 0;
   height: 100%;
+  background: #f1f3f6;
 }
 
 div, article, p, table, tr, td, th, ul, ol, li, h1, h2, h3, form, dl, dt, dd {
@@ -42,5 +43,5 @@ em {
 .router-main {
   display: -webkit-box;
   -webkit-box-orient: vertical;
-  background: #f1f3f6;
+  height: 100%;
 }