diff --git a/index.html b/index.html
index e709451c..5d841530 100644
--- a/index.html
+++ b/index.html
@@ -93,7 +93,7 @@
 
   <style>
     #app {
-      block-size: 100%;
+      min-block-size: 100%;
       -webkit-overflow-scrolling: touch;
       overscroll-behavior: contain;
     }
diff --git a/src/@layouts/components/VerticalNavLayout.vue b/src/@layouts/components/VerticalNavLayout.vue
index 2f6a2fb6..0397d48c 100644
--- a/src/@layouts/components/VerticalNavLayout.vue
+++ b/src/@layouts/components/VerticalNavLayout.vue
@@ -142,7 +142,7 @@ export default defineComponent({
 
 .layout-wrapper.layout-nav-type-vertical {
   // TODO(v2): Check why we need height in vertical nav & min-height in horizontal nav
-  block-size: 100%;
+  min-block-size: 100%;
 
   .layout-content-wrapper {
     display: flex;