diff --git a/internal/assets/static/main.css b/internal/assets/static/main.css
index 3ef1eb6..2afbf17 100644
--- a/internal/assets/static/main.css
+++ b/internal/assets/static/main.css
@@ -58,6 +58,10 @@
     font-size: var(--font-size-h4);
 }
 
+.page {
+    height: 100%;
+}
+
 .page-content, .page.content-ready .page-loading-container {
     display: none;
 }
@@ -360,8 +364,11 @@ body {
 }
 
 .page-loading-container {
-    margin: 50px auto;
-    width: fit-content;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transform: translateY(-5rem);
     animation: loadingContainerEntrance 200ms backwards;
     animation-delay: 150ms;
     font-size: 2rem;
diff --git a/internal/assets/templates/page.html b/internal/assets/templates/page.html
index cfb0b5e..6b958cf 100644
--- a/internal/assets/templates/page.html
+++ b/internal/assets/templates/page.html
@@ -49,7 +49,7 @@
         </div>
     </div>
 
-    <div class="content-bounds">
+    <div class="content-bounds grow">
         <div class="page" id="page">
             <div class="page-content" id="page-content"></div>
             <div class="page-loading-container">
@@ -59,7 +59,7 @@
         </div>
     </div>
 
-    <div class="footer flex items-center flex-column margin-top-auto">
+    <div class="footer flex items-center flex-column">
         <div>
             <a class="size-h3" href="https://github.com/glanceapp/glance" target="_blank" rel="noreferrer">Glance</a> {{ if ne "dev" .App.Version }}<a class="visited-indicator" title="Release notes" href="https://github.com/glanceapp/glance/releases/tag/{{ .App.Version }}" target="_blank" rel="noreferrer">{{ .App.Version }}</a>{{ else }}({{ .App.Version }}){{ end }}
         </div>