diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 95356c0..bbcd75e 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -98,7 +98,7 @@ export default {
 
 .app-container {
   width: 100%;
-  height: 100vh;
+  height: 100%;
   display: flex;
   flex-direction: column;
   background: var(--color-background);
diff --git a/frontend/src/assets/base.css b/frontend/src/assets/base.css
index a4c098e..46cefcf 100644
--- a/frontend/src/assets/base.css
+++ b/frontend/src/assets/base.css
@@ -119,7 +119,8 @@
 }
 
 body {
-  min-height: 100vh;
+  height: 100%;
+  min-height: 100%;
   color: var(--color-text);
   background: var(--color-background);
   transition:
diff --git a/frontend/src/assets/main.css b/frontend/src/assets/main.css
index 3d899a5..9cf48ac 100644
--- a/frontend/src/assets/main.css
+++ b/frontend/src/assets/main.css
@@ -1,8 +1,12 @@
 @import './base.css';
 
+html {
+  height: 100%;
+}
+
 #app {
   width: 100%;
-  height: 100vh;
+  height: 100%;
   font-weight: normal;
 }