diff --git a/ui/src/utils/theme.ts b/ui/src/utils/theme.ts
index 80eab974d..51674cbe3 100644
--- a/ui/src/utils/theme.ts
+++ b/ui/src/utils/theme.ts
@@ -35,7 +35,7 @@ export function getThemeImg(val: string) {
   return themeList.filter((v) => v.value === val)?.[0]?.loginBackground || 'default'
 }
 
-export const defautSetting = {
+export const defaultSetting = {
   icon: '',
   loginLogo: '',
   loginImage: '',
diff --git a/ui/src/views/theme/index.vue b/ui/src/views/theme/index.vue
index 860dba891..f7d9cac3d 100644
--- a/ui/src/views/theme/index.vue
+++ b/ui/src/views/theme/index.vue
@@ -136,7 +136,7 @@ import { onBeforeRouteLeave } from 'vue-router'
 import type { FormInstance, FormRules, UploadFiles } from 'element-plus'
 import { cloneDeep } from 'lodash'
 import LoginPreview from './LoginPreview.vue'
-import { themeList, defautSetting } from '@/utils/theme'
+import { themeList, defaultSetting } from '@/utils/theme'
 import ThemeApi from '@/api/theme'
 import { MsgSuccess, MsgError } from '@/utils/message'
 import useStore from '@/stores'
@@ -199,7 +199,7 @@ function resetTheme() {
 function resetForm() {
   themeForm.value = {
     theme: themeForm.value.theme,
-    ...defautSetting
+    ...defaultSetting
   }
   user.setTheme(themeForm.value)
 }