diff --git a/ui/src/utils/utils.ts b/ui/src/utils/utils.ts
index 698a63625..9b30135fb 100644
--- a/ui/src/utils/utils.ts
+++ b/ui/src/utils/utils.ts
@@ -45,7 +45,7 @@ const typeList: any = {
 export function getImgUrl(name: string) {
   const list = Object.values(typeList).flat()
 
-  const type = list.includes(fileType(name)) ? fileType(name) : 'unknow'
+  const type = list.includes(fileType(name.toLowerCase())) ? fileType(name.toLowerCase()) : 'unknow'
   return new URL(`../assets/${type}-icon.svg`, import.meta.url).href
 }
 // 是否是白名单后缀
diff --git a/ui/src/views/dataset/component/BaseForm.vue b/ui/src/views/dataset/component/BaseForm.vue
index 6c689c3fc..43a00b3a4 100644
--- a/ui/src/views/dataset/component/BaseForm.vue
+++ b/ui/src/views/dataset/component/BaseForm.vue
@@ -50,10 +50,12 @@
             <div class="flex align-center">
               <span
                 v-html="relatedObject(providerOptions, label, 'provider')?.icon"
-                class="model-icon mr-8"
+                class="model-icon mr-8" style="margin-top: 10px;"
               ></span>
               <span>{{ item.name }}</span>
-              <el-tag v-if="item.permission_type === 'PUBLIC'" type="info" class="info-tag ml-8">公用</el-tag>
+              <el-tag v-if="item.permission_type === 'PUBLIC'" type="info" class="info-tag ml-8"
+                >公用</el-tag
+              >
             </div>
             <el-icon class="check-icon" v-if="item.id === form.embedding_mode_id"
               ><Check
@@ -68,10 +70,10 @@
             class="flex-between"
             disabled
           >
-            <div class="flex">
+            <div class="flex align-center">
               <span
                 v-html="relatedObject(providerOptions, label, 'provider')?.icon"
-                class="model-icon mr-8"
+                class="model-icon mr-8 mt-8"
               ></span>
               <span>{{ item.name }}</span>
               <span class="danger">{{