diff --git a/website/src/routes/[[language]]/app/+page.svelte b/website/src/routes/[[language]]/app/+page.svelte
index a272794c..c16dd0b2 100644
--- a/website/src/routes/[[language]]/app/+page.svelte
+++ b/website/src/routes/[[language]]/app/+page.svelte
@@ -53,7 +53,7 @@
     });
 </script>
 
-<div class="fixed flex flex-row w-screen h-screen h-dvh">
+<div class="fixed flex flex-row w-screen h-screen supports-dvh:h-dvh">
     <div class="flex flex-col grow h-full min-w-0">
         <div class="grow relative">
             <Menu />
diff --git a/website/tailwind.config.js b/website/tailwind.config.js
index 7b0b836d..10d84a63 100644
--- a/website/tailwind.config.js
+++ b/website/tailwind.config.js
@@ -54,6 +54,9 @@ const config = {
             screens: {
                 "xs": "540px",
             }
+        },
+        supports: {
+            dvh: 'height: 100dvh',
         }
     },
 };