diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index ed99eaa9..f023110b 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -114,7 +114,7 @@ function doLogout() {
   });
 }
 
-function getRoleName(userRoleValue?: string[], roleOptions: Option[]) {
+function getRoleName(roleOptions: Option[], userRoleValue?: string[]) {
   if (!userRoleValue || !roleOptions) return;
 
   const matchingRole: string | undefined = roleOptions.find(
@@ -288,7 +288,7 @@ onMounted(async () => {
                     </span>
                     <div style="font-size: 11px; color: var(--surface)">
                       {{
-                        getRoleName(filterRole, userStore.userOption.roleOpts)
+                        getRoleName(userStore.userOption.roleOpts, filterRole)
                       }}
                     </div>
                   </q-item-label>