diff --git a/src/apps/console/routes/_main+/$account+/settings+/user-management/user-access-resource.tsx b/src/apps/console/routes/_main+/$account+/settings+/user-management/user-access-resource.tsx
index 22a64d7af..653030b45 100644
--- a/src/apps/console/routes/_main+/$account+/settings+/user-management/user-access-resource.tsx
+++ b/src/apps/console/routes/_main+/$account+/settings+/user-management/user-access-resource.tsx
@@ -32,6 +32,19 @@ interface IResource {
   onDelete: (item: BaseType) => void;
 }
 
+const mapRoleToDisplayName = (role: string): string => {
+  switch (role) {
+    case 'account_owner':
+      return 'owner';
+    case 'account_member':
+      return 'member';
+    case 'account_admin':
+      return 'admin';
+    default:
+      return role;
+  }
+};
+
 const ExtraButton = ({ onDelete }: { onDelete: () => void }) => {
   return (
     <ResourceExtraAction
@@ -70,7 +83,7 @@ const ListView = ({ items = [], onDelete }: IResource) => {
             },
             {
               key: 2,
-              render: () => <ListBody data={item.role} />,
+              render: () => <ListBody data={mapRoleToDisplayName(item.role)} />,
             },
             {
               key: 3,
diff --git a/src/apps/console/server/gql/queries/router-queries.ts b/src/apps/console/server/gql/queries/router-queries.ts
index 3edccef7a..45fac68a3 100644
--- a/src/apps/console/server/gql/queries/router-queries.ts
+++ b/src/apps/console/server/gql/queries/router-queries.ts
@@ -37,7 +37,7 @@ export const routerQueries = (executor: IExecutor) => ({
     {
       transformer: (data: ConsoleCreateRouterMutation) =>
         data.core_createRouter,
-      vars(_: ConsoleCreateRouterMutationVariables) { },
+      vars(_: ConsoleCreateRouterMutationVariables) {},
     }
   ),
   updateRouter: executor(
@@ -59,7 +59,7 @@ export const routerQueries = (executor: IExecutor) => ({
     {
       transformer: (data: ConsoleUpdateRouterMutation) =>
         data.core_updateRouter,
-      vars(_: ConsoleUpdateRouterMutationVariables) { },
+      vars(_: ConsoleUpdateRouterMutationVariables) {},
     }
   ),
   deleteRouter: executor(
@@ -79,7 +79,7 @@ export const routerQueries = (executor: IExecutor) => ({
     {
       transformer: (data: ConsoleDeleteRouterMutation) =>
         data.core_deleteRouter,
-      vars(_: ConsoleDeleteRouterMutationVariables) { },
+      vars(_: ConsoleDeleteRouterMutationVariables) {},
     }
   ),
   listRouters: executor(
@@ -193,7 +193,7 @@ export const routerQueries = (executor: IExecutor) => ({
     `,
     {
       transformer: (data: ConsoleListRoutersQuery) => data.core_listRouters,
-      vars(_: ConsoleListRoutersQueryVariables) { },
+      vars(_: ConsoleListRoutersQueryVariables) {},
     }
   ),
   getRouter: executor(
@@ -283,7 +283,7 @@ export const routerQueries = (executor: IExecutor) => ({
     `,
     {
       transformer: (data: ConsoleGetRouterQuery) => data.core_getRouter,
-      vars(_: ConsoleGetRouterQueryVariables) { },
+      vars(_: ConsoleGetRouterQueryVariables) {},
     }
   ),
 });