diff --git a/src/views/users/User/UserDetail/UserInfo.vue b/src/views/users/User/UserDetail/UserInfo.vue
index 0f5f97867..ebe14190c 100644
--- a/src/views/users/User/UserDetail/UserInfo.vue
+++ b/src/views/users/User/UserDetail/UserInfo.vue
@@ -229,9 +229,9 @@ export default {
         {
           key: this.$t('users.Role'),
           formatter: (item, val) => {
-            const org_roles_display = this.object.org_roles_display
-            const system_roles_display = this.object.system_roles_display
-            const roles_display = org_roles_display.split(', ').concat(system_roles_display.split(', '))
+            const org_roles_display = this.object.org_roles_display || ''
+            const system_roles_display = this.object.system_roles_display || ''
+            const roles_display = org_roles_display?.split(', ').concat(system_roles_display?.split(', '))
             return <span> { roles_display.join(' | ') } </span>
           }
         },
diff --git a/src/views/users/User/UserDetail/index.vue b/src/views/users/User/UserDetail/index.vue
index 74c79915b..485b84eb3 100644
--- a/src/views/users/User/UserDetail/index.vue
+++ b/src/views/users/User/UserDetail/index.vue
@@ -41,7 +41,7 @@ export default {
           {
             title: this.$t('users.tabs.grantedAssets'),
             name: 'UserGrantedAssets',
-            hidden: () => !vm.$hasPerm('perms.view_myassets')
+            hidden: () => !vm.$hasPerm('perms.view_userassets')
           },
           {
             title: this.$t('users.tabs.assetPermissionRules'),