diff --git a/assets/vue/app/shared/components/layout/Layout.vue b/assets/vue/app/shared/components/layout/Layout.vue
index a025ff2..c2008c8 100644
--- a/assets/vue/app/shared/components/layout/Layout.vue
+++ b/assets/vue/app/shared/components/layout/Layout.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="h-screen overflow-hidden bg-gray-50 dark:bg-gray-900 flex">
+    <div class="h-[100dvh] overflow-hidden bg-gray-50 dark:bg-gray-900 flex">
         <Header
             :show-menu-button="isReaderMode"
             @menu-click="toggleSidebar"
diff --git a/templates/vue/index.html.twig b/templates/vue/index.html.twig
index 9a58dcd..4eae323 100644
--- a/templates/vue/index.html.twig
+++ b/templates/vue/index.html.twig
@@ -2,7 +2,7 @@
 <html>
     <head>
         <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover">
         <title>Vue App</title>
         {{ encore_entry_link_tags('vue-app') }}
     </head>
