diff --git a/index.html b/index.html
index 3ed5b30..10049a3 100644
--- a/index.html
+++ b/index.html
@@ -9,10 +9,10 @@
     <link rel="stylesheet" href="style.css">
     <title>Imagine - Image Editor</title>
   </head>
-  <body style="padding-top: 100vh; ">
+  <body style="padding-top: 100dvh; ">
     <div class="navbar columns is-mobile is-fixed-top">
       <div class="column">
-        <div class="hero is-fullheight">
+        <div class="hero is-fullheight" style="min-height: 100dvh;">
           <div class="hero-body">
             <div class="container">
               <canvas id="myCanvas" class="is-hidden" width="300" height="300"></canvas>
