diff --git a/index.html b/index.html
index 641edf5..754591c 100644
--- a/index.html
+++ b/index.html
@@ -38,7 +38,7 @@
   <body
     x-data="{ BRAND_NAME, prefer, localStore, ...style, ...utils, sideMenu, router, shop, cart, user }"
     x-init="await shop.init()"
-    class="min-h-svh flex flex-col tracking-wide bg-gray-100"
+    class="min-h-dvh flex flex-col tracking-wide bg-gray-100"
     :class="sideMenu.isOpen && 'overflow-hidden'"
     @dragstart.prevent
   >
@@ -80,7 +80,7 @@
                 x-cloak
                 x-show="open"
                 x-transition.origin.top.left
-                class="absolute p-2 min-w-48 max-h-[80svh] overflow-y-auto whitespace-nowrap rounded-lg bg-gray-100 border border-gray-200 shadow-md"
+                class="absolute p-2 min-w-48 max-h-[80dvh] overflow-y-auto whitespace-nowrap rounded-lg bg-gray-100 border border-gray-200 shadow-md"
                 role="menu"
               >
                 <template x-for="route in router.routes">
@@ -178,7 +178,7 @@
     ></div>
     <aside
       id="side-menu"
-      class="block fixed w-full max-w-80 h-svh flex flex-col justify-between bg-inherit border-r border-2 shadow-xl select-none z-[1]"
+      class="block fixed w-full max-w-80 h-dvh flex flex-col justify-between bg-inherit border-r border-2 shadow-xl select-none z-[1]"
       style="display: none"
       x-show="sideMenu.isOpen"
       x-transition:enter="transition ease-gentle duration-300"
