diff --git a/ui/src/layout/layout-header/avatar/APIKeyDialog.vue b/ui/src/layout/layout-header/avatar/APIKeyDialog.vue
index d38784db5..7ce83a345 100644
--- a/ui/src/layout/layout-header/avatar/APIKeyDialog.vue
+++ b/ui/src/layout/layout-header/avatar/APIKeyDialog.vue
@@ -151,6 +151,7 @@ const open = () => {
 
 function getApiKeyList() {
   systemKeyApi.getAPIKey().then((res) => {
+    res.data.sort((x:any,y:any)=>x.name < y.name ? 1 : -1)
     apiKey.value = res.data
   })
 }
diff --git a/ui/src/views/application-overview/component/APIKeyDialog.vue b/ui/src/views/application-overview/component/APIKeyDialog.vue
index 791ccd2c0..085cb8377 100644
--- a/ui/src/views/application-overview/component/APIKeyDialog.vue
+++ b/ui/src/views/application-overview/component/APIKeyDialog.vue
@@ -140,6 +140,7 @@ const open = () => {
 
 function getApiKeyList() {
   applicationKeyApi.getAPIKey(id as string, loading).then((res) => {
+    res.data.sort((x:any,y:any)=>x.name < y.name ? 1 : -1) 
     apiKey.value = res.data
   })
 }