diff --git a/src/app.css b/src/app.css
index 539c021e..43bd2545 100644
--- a/src/app.css
+++ b/src/app.css
@@ -3,11 +3,14 @@ body {
 }
 
 #pageContainer {
-    min-height: 100vh;
+    min-height: 100dvh;
     position: relative;
+    display: flex;
+    flex-direction: column;
 }
 #contentContainer {
     /* padding bottom by footer height */
+    flex: 1;
     padding: 0px 30px 29px 30px;
 }
 
diff --git a/src/components/footer/footer.css b/src/components/footer/footer.css
index 6a8f1d67..4d9afbad 100644
--- a/src/components/footer/footer.css
+++ b/src/components/footer/footer.css
@@ -1,8 +1,4 @@
 footer {
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    height: auto;
     color: #5e5e5e;
     background-color: #f5f7fa;
 }