diff --git a/src/services/keycloak.ts b/src/services/keycloak.ts
index 7ae0f4a..db2d15d 100644
--- a/src/services/keycloak.ts
+++ b/src/services/keycloak.ts
@@ -225,7 +225,9 @@ export async function listRole() {
 
   const data = (await res.json()) as any[];
 
-  return data.map((v: Record<string, string>) => ({ id: v.id, name: v.name }));
+  return data
+    .map((v: Record<string, string>) => ({ id: v.id, name: v.name }))
+    .sort((a, b) => a.name.localeCompare(b.name));
 }
 
 export async function getRoleByName(name: string) {