diff --git a/dashboard/oidc_error.html b/dashboard/oidc_error.html
index 0308bd3e7..4d329801e 100644
--- a/dashboard/oidc_error.html
+++ b/dashboard/oidc_error.html
@@ -30,17 +30,6 @@
         }
       }
 
-      footer {
-        display: block;
-        width: 100%;
-        font-size: 10px;
-        text-align: center;
-      }
-
-      footer > .p {
-        margin: 4px;
-      }
-
       .outer {
         flex-grow: 1;
         display: flex;
diff --git a/dashboard/src/components/Login.vue b/dashboard/src/components/Login.vue
index f47828d2d..6fa0b2d3c 100644
--- a/dashboard/src/components/Login.vue
+++ b/dashboard/src/components/Login.vue
@@ -140,11 +140,6 @@ export default {
 
 <style>
 
-#app {
-  display: flex;
-  flex-direction: column;
-}
-
 .icon {
   margin-bottom: 20%;
 }
@@ -153,6 +148,7 @@ export default {
   display: flex;
   flex-grow: 1;
   overflow: hidden;
+  height: 100%;
 }
 
 .layout-left {
@@ -182,16 +178,5 @@ export default {
   flex-direction: column;
 }
 
-footer {
-  display: block;
-  width: 100%;
-  font-size: 10px;
-  text-align: center;
-}
-
-footer > .p {
-  margin: 4px;
-}
-
 </style>
 
diff --git a/dashboard/src/style.css b/dashboard/src/style.css
index ca5dc263f..497d0fc7c 100644
--- a/dashboard/src/style.css
+++ b/dashboard/src/style.css
@@ -33,3 +33,16 @@ a {
   text-decoration: none;
   color: var(--pankow-color-primary);
 }
+
+footer {
+  display: block;
+  width: 100%;
+  font-size: 10px;
+  text-align: center;
+  position: fixed;
+  bottom: 0;
+}
+
+footer > .p {
+  margin: 4px;
+}