diff --git a/src/styles/main.scss b/src/styles/main.scss
index 303eb41..6044b91 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -530,9 +530,9 @@ body {
 }
 
 .content {
-    height: calc(100vh - 4rem);
+    height: calc(100dvh - 4rem);
     @media screen and (max-width: $device-s-width), (pointer: coarse) {
-        height: calc(100vh - 8rem);
+        height: calc(100dvh - 8rem);
     }
     overflow-y: scroll;