diff --git a/src/App.vue b/src/App.vue
index e37a5f65..73ca4930 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -14,7 +14,7 @@
       <e-drawer />
       <v-main>
         <e-nav></e-nav>
-        <div class="pa-5" style="height: calc(100% - 37.5px)">
+        <div class="pa-5" style="height: calc(100% - 100px)">
           <e-no-access v-if="isDisabled"></e-no-access>
           <e-wrap
             v-else
diff --git a/src/views/hosting/new/new-step-0-web3-tpl.vue b/src/views/hosting/new/new-step-0-web3-tpl.vue
index 391b256d..34f5eaab 100644
--- a/src/views/hosting/new/new-step-0-web3-tpl.vue
+++ b/src/views/hosting/new/new-step-0-web3-tpl.vue
@@ -1,12 +1,12 @@
 <template>
-  <div style="height: 334px">
+  <div style="height: calc(75vh - 215px)">
     <h3>Recommended Templates</h3>
     <v-skeleton-loader
       class="mt-10 mb-10"
       v-if="loading"
       type="article"
     ></v-skeleton-loader>
-    <v-row class="mb-2" v-else style="overflow: scroll; height: 300px">
+    <v-row class="mb-2" v-else style="overflow: scroll; max-height: 95%">
       <v-col xl="4" cols="6" v-for="it in web3TplList" :key="it.id">
         <div
           class="bd-1 d-b hover-1 pos-r bdrs-6 ov-h"
diff --git a/src/views/hosting/new/new-step-0.vue b/src/views/hosting/new/new-step-0.vue
index 08a297e1..78ee726b 100644
--- a/src/views/hosting/new/new-step-0.vue
+++ b/src/views/hosting/new/new-step-0.vue
@@ -56,7 +56,7 @@ export default {
   data() {
     const { c } = this.$route.query;
     return {
-      minHeight: "551px",
+      minHeight: "75vh",
       cloneDir: c,
       isClone: false,
     };