diff --git a/public/index.html b/public/index.html
index c47259ac382fb7fe391c107cfa03af41f4f58a7d..e1b4c45a8f295fe8277db48c22c83ad4e6299089 100644
--- a/public/index.html
+++ b/public/index.html
@@ -26,7 +26,7 @@
     <noscript>
       You need to enable JavaScript to run this app.
     </noscript>
-    <div id="root"></div>
+    <div id="root" style="height: 100%"></div>
     <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
diff --git a/src/components/App.js b/src/components/App.js
index 395756a994adaff241bafc91f0e31cda07993a9d..5f2030756636d673c6834b9f6ea3114df880c629 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -8,7 +8,7 @@ const App = () => (
     <header id='header' >
       <Header />
     </header>
-    <main id='main'>
+    <main id='main' style={{ minHeight: '100%', position: 'relative' }}>
       <Main />
     </main>
     <footer id='footer' style={{ position: 'absolute', width: '100%', bottom: '0' }}>
diff --git a/src/components/Footer.js b/src/components/Footer.js
index 87210075d1cc789797facfbf9e8b0310a651defb..095cb765c54c478c5df39d6abb2bd8c6c996d41f 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -5,7 +5,7 @@ import { Container, Segment } from 'semantic-ui-react';
 const Footer = () => (
   <Segment inverted vertical textAlign='center' >
     <Container>
-      <p textalign='center' >Created by DevTeam &copy; 2017-2018.</p>
+      <p textalign='center' >Created by DevTeam &copy; 2018-2019.</p>
     </Container>
   </Segment>