diff --git a/src/layouts/modules/global-header/components/user-avatar.vue b/src/layouts/modules/global-header/components/user-avatar.vue
index fc4db1a..18ecf49 100644
--- a/src/layouts/modules/global-header/components/user-avatar.vue
+++ b/src/layouts/modules/global-header/components/user-avatar.vue
@@ -81,7 +81,10 @@ function handleDropdown(key: DropdownKey) {
     <div>
       <ButtonIcon>
         <SvgIcon icon="ph:user-circle" class="text-icon-large" />
-        <span class="text-16px font-medium">{{ localStg.get('userInfo')?.username }}</span>
+        <div class="flex items-center text-16px font-medium">
+          <span>{{ localStg.get('userInfo')?.username || '' }} </span>
+          <p v-if="localStg.get('userInfo')?.roles[0]" class="ml-1">·<span class="ml-1">{{ localStg.get('userInfo')?.roles[0] }}</span></p>
+        </div>
       </ButtonIcon>
     </div>
   </NDropdown>