diff --git a/ui/src/views/template/index.vue b/ui/src/views/template/index.vue
index b2a3bc416..54eb03700 100644
--- a/ui/src/views/template/index.vue
+++ b/ui/src/views/template/index.vue
@@ -3,31 +3,38 @@
     <div class="template-manage flex main-calc-height">
       <div class="template-manage__left p-8 border-r">
         <h4 class="p-16" style="padding-bottom: 8px">供应商</h4>
-        <el-scrollbar>
-          <common-list
-            :data="provider_list"
-            v-loading="loading"
-            @click="clickListHandle"
-            value-key="provider"
-            default-active=""
-            style="overflow-y: auto"
-          >
-            <template #default="{ row, index }">
-              <div class="flex" v-if="index === 0">
-                <AppIcon
-                  class="mr-8"
-                  style="height: 20px; width: 20px"
-                  :iconName="active_provider === row ? 'app-all-menu-active' : 'app-all-menu'"
-                ></AppIcon>
-                <span>全部模型</span>
-              </div>
-              <div class="flex" v-else>
-                <span :innerHTML="row.icon" alt="" style="height: 20px; width: 20px" class="mr-8" />
-                <span>{{ row.name }}</span>
-              </div>
-            </template>
-          </common-list>
-        </el-scrollbar>
+        <div class="model-list-height-left">
+          <el-scrollbar>
+            <common-list
+              :data="provider_list"
+              v-loading="loading"
+              @click="clickListHandle"
+              value-key="provider"
+              default-active=""
+              style="overflow-y: auto"
+            >
+              <template #default="{ row, index }">
+                <div class="flex" v-if="index === 0">
+                  <AppIcon
+                    class="mr-8"
+                    style="height: 20px; width: 20px"
+                    :iconName="active_provider === row ? 'app-all-menu-active' : 'app-all-menu'"
+                  ></AppIcon>
+                  <span>全部模型</span>
+                </div>
+                <div class="flex" v-else>
+                  <span
+                    :innerHTML="row.icon"
+                    alt=""
+                    style="height: 20px; width: 20px"
+                    class="mr-8"
+                  />
+                  <span>{{ row.name }}</span>
+                </div>
+              </template>
+            </common-list>
+          </el-scrollbar>
+        </div>
       </div>
       <div class="template-manage__right w-full" v-loading="list_model_loading">
         <div class="p-24 pb-0">
@@ -166,5 +173,8 @@ onMounted(() => {
   .model-list-height {
     height: calc(var(--create-dataset-height) - 70px);
   }
+  .model-list-height-left {
+    height: calc(var(--create-dataset-height));
+  }
 }
 </style>