diff --git a/ui/src/components/folder-breadcrumb/index.vue b/ui/src/components/folder-breadcrumb/index.vue
index 3fa2cb7f..8f8fb6ab 100644
--- a/ui/src/components/folder-breadcrumb/index.vue
+++ b/ui/src/components/folder-breadcrumb/index.vue
@@ -1,6 +1,6 @@
 <template>
   <el-breadcrumb separator-icon="ArrowRight" style="line-height: 22px">
-    <h4 v-if="breadcrumbData?.length === 1">{{ breadcrumbData[0]?.name }}</h4>
+    <h2 v-if="breadcrumbData?.length === 1">{{ breadcrumbData[0]?.name }}</h2>
     <el-breadcrumb-item v-for="(item, index) in breadcrumbData" :key="index" v-else>
       <h5 class="ml-4" v-if="index === breadcrumbData.length - 1">{{ item.name }}</h5>
       <el-button v-else link @click="handleClick(item)">{{ item.name }}</el-button>
diff --git a/ui/src/views/application/index.vue b/ui/src/views/application/index.vue
index c49a3518..a90e148f 100644
--- a/ui/src/views/application/index.vue
+++ b/ui/src/views/application/index.vue
@@ -1,7 +1,7 @@
 <template>
   <LayoutContainer class="application-manage">
     <template #left>
-      <h4 class="p-16 pb-0">{{ $t('views.application.title') }}</h4>
+      <h4 class="p-12-16 pb-0 mt-12">{{ $t('views.application.title') }}</h4>
       <folder-tree
         :source="FolderSource.APPLICATION"
         :data="folderList"
diff --git a/ui/src/views/knowledge/index.vue b/ui/src/views/knowledge/index.vue
index 6ec8c445..660403fc 100644
--- a/ui/src/views/knowledge/index.vue
+++ b/ui/src/views/knowledge/index.vue
@@ -1,7 +1,7 @@
 <template>
   <LayoutContainer class="knowledge-manage">
     <template #left>
-      <h4 class="p-16 pb-0">{{ $t('views.knowledge.title') }}</h4>
+      <h4 class="p-12-16 pb-0 mt-12">{{ $t('views.knowledge.title') }}</h4>
       <folder-tree
         :source="FolderSource.KNOWLEDGE"
         :data="folderList"
diff --git a/ui/src/views/model/index.vue b/ui/src/views/model/index.vue
index 870bbb0b..1f71b8ff 100644
--- a/ui/src/views/model/index.vue
+++ b/ui/src/views/model/index.vue
@@ -1,7 +1,7 @@
 <template>
   <LayoutContainer class="model-manage">
     <template #left>
-      <h4 class="p-16 mb-8 pb-0">{{ $t('views.model.provider') }}</h4>
+      <h4 class="p-12-16 pb-0 mt-12">{{ $t('views.model.provider') }}</h4>
       <ProviderComponent
         :data="provider_list"
         @click="clickListHandle"
diff --git a/ui/src/views/system/resource-authorization/index.vue b/ui/src/views/system/resource-authorization/index.vue
index f6680409..6132242f 100644
--- a/ui/src/views/system/resource-authorization/index.vue
+++ b/ui/src/views/system/resource-authorization/index.vue
@@ -18,7 +18,7 @@
 
     <el-card style="--el-card-padding: 0">
       <div class="flex main-calc-height">
-        <div class="resource-authorization__left border-r p-8">
+        <div class="resource-authorization__left border-r p-16">
           <div class="p-8">
             <h4 class="mb-12">{{ $t('views.resourceAuthorization.member') }}</h4>
             <el-input
@@ -49,7 +49,7 @@
             </el-scrollbar>
           </div>
         </div>
-        <div class="permission-setting p-16 flex" v-loading="rLoading">
+        <div class="permission-setting p-24 flex" v-loading="rLoading">
           <div class="resource-authorization__table">
             <h4 class="mb-4">{{ $t('views.resourceAuthorization.permissionSetting') }}</h4>
             <el-tabs
@@ -401,7 +401,7 @@ onMounted(() => {
     position: relative;
     .submit-button {
       position: absolute;
-      top: 16px;
+      top: 24px;
       right: 24px;
     }
   }
diff --git a/ui/src/views/system/role/component/Member.vue b/ui/src/views/system/role/component/Member.vue
index 526c35f4..485fb4bb 100644
--- a/ui/src/views/system/role/component/Member.vue
+++ b/ui/src/views/system/role/component/Member.vue
@@ -76,7 +76,6 @@
 
 <script setup lang="ts">
 import { onMounted, ref, reactive, watch } from 'vue'
-import RoleApi from '@/api/system/role'
 import type { RoleItem, RoleMemberItem } from '@/api/type/role'
 import { MsgSuccess, MsgConfirm } from '@/utils/message'
 import { t } from '@/locales'
diff --git a/ui/src/views/system/role/component/PermissionConfiguration.vue b/ui/src/views/system/role/component/PermissionConfiguration.vue
index bdb403de..3f597e91 100644
--- a/ui/src/views/system/role/component/PermissionConfiguration.vue
+++ b/ui/src/views/system/role/component/PermissionConfiguration.vue
@@ -57,6 +57,7 @@ import type {
   ChildrenPermissionItem,
 } from '@/api/type/role'
 import { loadPermissionApi } from '@/utils/dynamics-api/permission-api'
+import RoleApi from '@/api/system/role'
 import { MsgSuccess } from '@/utils/message'
 import { t } from '@/locales'
 
@@ -91,7 +92,7 @@ async function getRolePermission() {
   if (!props.currentRole?.id) return
   try {
     tableData.value = []
-    const res = await loadPermissionApi('role').getRolePermissionList(props.currentRole.id, loading)
+    const res = await RoleApi.getRolePermissionList(props.currentRole.id, loading)
     tableData.value = transformData(res.data)
   } catch (error) {
     console.error(error)
diff --git a/ui/src/views/tool/index.vue b/ui/src/views/tool/index.vue
index 03c0fbe2..e3de3088 100644
--- a/ui/src/views/tool/index.vue
+++ b/ui/src/views/tool/index.vue
@@ -1,7 +1,7 @@
 <template>
   <LayoutContainer class="tool-manage">
     <template #left>
-      <h4 class="p-16 pb-0">{{ $t('views.tool.title') }}</h4>
+      <h4 class="p-12-16 pb-0 mt-12">{{ $t('views.tool.title') }}</h4>
       <folder-tree
         :source="FolderSource.TOOL"
         :data="folderList"