diff --git a/templates/layout.html.twig b/templates/layout.html.twig
index b20ee54..057d67a 100644
--- a/templates/layout.html.twig
+++ b/templates/layout.html.twig
@@ -1,8 +1,8 @@
 {% extends 'base.html.twig' %}
 
 {% block body %}
-    <div class="w-screen h-screen {% block background  %}bg-outer bg-outer--2{% endblock %}" {{ stimulus_controller('loading', [], { 'hidden': 'invisible' }) }}>
-        <div class="max-w-screen-xl h-screen ml-auto flex flex-col overflow-hidden bg-inner">
+    <div class="w-screen h-dvh {% block background  %}bg-outer bg-outer--2{% endblock %}" {{ stimulus_controller('loading', [], { 'hidden': 'invisible' }) }}>
+        <div class="max-w-screen-xl h-dvh ml-auto flex flex-col overflow-hidden bg-inner">
             <div class="shrink-0 z-20 py-2 px-4 bg-white shadow-md">
                 {% block header %}
                     {% include '_partials/_header.html.twig' %}
diff --git a/templates/layout_booking.html.twig b/templates/layout_booking.html.twig
index e30dfaa..e4b8ddb 100644
--- a/templates/layout_booking.html.twig
+++ b/templates/layout_booking.html.twig
@@ -1,8 +1,8 @@
 {% extends 'base.html.twig' %}
 
 {% block body %}
-    <div class="w-screen h-screen {% block background  %}bg-outer bg-outer--2{% endblock %}" {{ stimulus_controller('loading', [], { 'hidden': 'invisible' }) }}>
-        <div class="max-w-screen-xl h-screen ml-auto flex flex-col overflow-hidden bg-inner">
+    <div class="w-screen h-dvh {% block background  %}bg-outer bg-outer--2{% endblock %}" {{ stimulus_controller('loading', [], { 'hidden': 'invisible' }) }}>
+        <div class="max-w-screen-xl h-dvh ml-auto flex flex-col overflow-hidden bg-inner">
             <div class="shrink-0 z-20 py-2 px-4 bg-white shadow-md">
                 {% block header %}
                     {% include '_partials/_header.html.twig' %}