diff --git a/frontend/src/components/AppContent.vue b/frontend/src/components/AppContent.vue
index aff7d49..28b7559 100644
--- a/frontend/src/components/AppContent.vue
+++ b/frontend/src/components/AppContent.vue
@@ -38,8 +38,16 @@
 .app-content__inner {
   max-width: var(--shell-max-width);
   min-height: 100%;
+  height: 100%;
   margin: 0 auto;
   padding: 14px 18px 12px;
+  display: flex;
+  flex-direction: column;
+}
+
+.app-content__inner > :last-child {
+  flex: 1 1 auto;
+  min-height: 0;
 }
 
 @media (max-width: 960px) {
diff --git a/frontend/src/views/home/NoLoginView.vue b/frontend/src/views/home/NoLoginView.vue
index 44986cf..d013587 100644
--- a/frontend/src/views/home/NoLoginView.vue
+++ b/frontend/src/views/home/NoLoginView.vue
@@ -182,8 +182,7 @@ export default {
     justify-content: center;
     gap: 1.4rem;
     width: 100%;
-    height: 100%;
-    flex: 1;
+    flex: 1 1 auto;
     min-height: 0;
     overflow: hidden;
 }
@@ -216,7 +215,6 @@ export default {
     gap: 1rem;
     flex: 1 1 auto;
     min-height: 0;
-    height: 100%;
     overflow: hidden;
 }