diff --git a/changes/changelog.d/footer.enhancement b/changes/changelog.d/footer.enhancement
new file mode 100644
index 0000000000000000000000000000000000000000..e2c117ead13d49e985c78812406f4ef7d54f15eb
--- /dev/null
+++ b/changes/changelog.d/footer.enhancement
@@ -0,0 +1 @@
+Ensure the footer always stays at the bottom of the page
diff --git a/front/src/style/_main.scss b/front/src/style/_main.scss
index 7809840d41eec09572022edee3fb3c90fd00cbe8..cd12dda2f24465c1daabaa49b58379a623e79853 100644
--- a/front/src/style/_main.scss
+++ b/front/src/style/_main.scss
@@ -88,8 +88,14 @@ body {
   font-family: "Avenir", Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  display: flex;
+  min-height: 100vh;
+  flex-direction: column;
 }
 
+#app > main, #app > .main {
+  flex: 1;
+}
 .instance-chooser {
   margin-top: 2em;
 }