diff --git a/ui/src/views/template/index.vue b/ui/src/views/template/index.vue
index 9fa287423..b2a3bc416 100644
--- a/ui/src/views/template/index.vue
+++ b/ui/src/views/template/index.vue
@@ -3,29 +3,31 @@
     <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>
-        <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>
+          <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 class="template-manage__right w-full" v-loading="list_model_loading">
         <div class="p-24 pb-0">