diff --git a/src/css/aside.css b/src/css/aside.css
index 1c4ee51b..d1dbfb82 100644
--- a/src/css/aside.css
+++ b/src/css/aside.css
@@ -1,5 +1,6 @@
 aside {
   display: flex;
+  height: 100dvh;
 }
 
 aside button {
diff --git a/src/css/base.css b/src/css/base.css
index 84423a70..54890311 100644
--- a/src/css/base.css
+++ b/src/css/base.css
@@ -111,7 +111,7 @@ body {
   background-color: var(--app-background);
   color: var(--app-foreground);
   font-size: 16px;
-  height: 100vh;
+  height: 100dvh;
   line-height: 1.42857143;
   margin: 0;
   overflow: hidden;
@@ -165,6 +165,11 @@ select {
 #app {
   display: grid;
   grid-template-columns: auto 1fr;
+  height: 100dvh;
+
+  #editor {
+    height: 100dvh;
+  }
 }
 
 iframe {