diff --git a/src/components/Footer.module.css b/src/components/Footer.module.css
index 3fd4a3ada3f62053b5b4702fec0a3982dd754f20..0391ef9f649b68d6466c39515330852a0361a28d 100644
--- a/src/components/Footer.module.css
+++ b/src/components/Footer.module.css
@@ -1,6 +1,5 @@
 .footer {
-  position: relative;
-  z-index: 998; /* ensures that footer is below loading div in full screen mode */
+  flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
diff --git a/src/styles/base.scss b/src/styles/base.scss
index 292db16a6f2d728b94e6864767444d8dd9ec348d..af5bdf6e5ddb5e6d45e6f00ecef0bf8057061292 100644
--- a/src/styles/base.scss
+++ b/src/styles/base.scss
@@ -3,6 +3,11 @@ body {
   height: 100%;
 }
 
+body {
+  display: flex;
+  flex-direction: column;
+}
+
 .app {
   flex: 1 1 0%;
   padding-bottom: 100px;