diff --git a/npm/ng-packs/packages/identity/src/lib/components/users/users.component.html b/npm/ng-packs/packages/identity/src/lib/components/users/users.component.html
index 054b64991d..07ac0ca8ec 100644
--- a/npm/ng-packs/packages/identity/src/lib/components/users/users.component.html
+++ b/npm/ng-packs/packages/identity/src/lib/components/users/users.component.html
@@ -30,22 +30,22 @@
         <form [formGroup]="form" (ngSubmit)="save()">
           <div ngTabs selectionMode="follow">
             <div ngTabList [(selectedTab)]="selectedTab" class="nav nav-tabs">
-              <button ngTab #tabInfo="ngTab" [value]="'0'" class="nav-link" [class.active]="tabInfo.selected()" type="button">
+              <button ngTab #tabInfo="ngTab" [value]="'user-info'" class="nav-link" [class.active]="tabInfo.selected()" type="button">
                 {{ 'AbpIdentity::UserInformations' | abpLocalization }}
               </button>
-              <button ngTab #tabRoles="ngTab" [value]="'1'" class="nav-link" [class.active]="tabRoles.selected()" type="button">
+              <button ngTab #tabRoles="ngTab" [value]="'roles'" class="nav-link" [class.active]="tabRoles.selected()" type="button">
                 {{ 'AbpIdentity::Roles' | abpLocalization }}
               </button>
             </div>
 
             <div class="mt-2 fade-in-top">
-              <div ngTabPanel [value]="'0'">
+              <div ngTabPanel [value]="'user-info'">
                 <ng-template ngTabContent>
                   <abp-extensible-form [selectedRecord]="selected"></abp-extensible-form>
                 </ng-template>
               </div>
 
-              <div ngTabPanel [value]="'1'">
+              <div ngTabPanel [value]="'roles'">
                 <ng-template ngTabContent>
                   @for (roleGroup of roleGroups; track $index; let i = $index) {
                     <div class="form-check mb-2">
diff --git a/npm/ng-packs/packages/identity/src/lib/components/users/users.component.ts b/npm/ng-packs/packages/identity/src/lib/components/users/users.component.ts
index df1409854b..7ff04cf679 100644
--- a/npm/ng-packs/packages/identity/src/lib/components/users/users.component.ts
+++ b/npm/ng-packs/packages/identity/src/lib/components/users/users.component.ts
@@ -106,7 +106,7 @@ export class UsersComponent implements OnInit {
 
   selected?: IdentityUserDto;
 
-  selectedTab = '0';
+  selectedTab = 'user-info';
 
   selectedUserRoles?: IdentityRoleDto[];
 
@@ -166,7 +166,7 @@ export class UsersComponent implements OnInit {
   }
 
   openModal() {
-    this.selectedTab = '0';
+    this.selectedTab = 'user-info';
     this.buildForm();
     this.isModalVisible = true;
   }