diff --git a/components/app/AppLayout.vue b/components/app/AppLayout.vue
index 44ebed92e..28cc9d844 100644
--- a/components/app/AppLayout.vue
+++ b/components/app/AppLayout.vue
@@ -17,10 +17,20 @@ useContentHead(config.value as any)
 </script>
 
 <template>
-  <div>
+  <div class="app-layout">
     <AppLoadingBar />
     <AppHeader />
     <slot />
     <AppFooter />
   </div>
 </template>
+
+<style scoped lang="ts">
+css({
+  '.app-layout': {
+    minHeight: '100vh',
+    display: 'grid',
+    gridTemplateRows: 'auto 1fr auto',
+  }
+})
+</style>