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 648b1024d0..bf49550f12 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
@@ -102,109 +102,110 @@
     ></ng-template>
 
     <form *ngIf="form; else loaderRef" [formGroup]="form" (ngSubmit)="save()">
-      <ngb-tabset>
-        <ngb-tab [title]="'AbpIdentity::UserInformations' | abpLocalization">
-          <ng-template ngbTabContent>
-            <div class="mt-2 fade-in-top">
-              <div class="form-group">
-                <label for="user-name">{{ 'AbpIdentity::UserName' | abpLocalization }}</label
-                ><span> * </span>
-                <input
-                  type="text"
-                  id="user-name"
-                  class="form-control"
-                  formControlName="userName"
-                  autofocus
-                />
-              </div>
+      <ul ngbNav #nav="ngbNav" class="nav-tabs">
+        <li ngbNavItem>
+          <a ngbNavLink>{{ 'AbpIdentity::UserInformations' | abpLocalization }}</a>
+          <ng-template ngbNavContent>
+            <div class="form-group">
+              <label for="user-name">{{ 'AbpIdentity::UserName' | abpLocalization }}</label
+              ><span> * </span>
+              <input
+                type="text"
+                id="user-name"
+                class="form-control"
+                formControlName="userName"
+                autofocus
+              />
+            </div>
 
-              <div class="form-group">
-                <label for="name">{{ 'AbpIdentity::DisplayName:Name' | abpLocalization }}</label>
-                <input type="text" id="name" class="form-control" formControlName="name" />
-              </div>
+            <div class="form-group">
+              <label for="name">{{ 'AbpIdentity::DisplayName:Name' | abpLocalization }}</label>
+              <input type="text" id="name" class="form-control" formControlName="name" />
+            </div>
 
-              <div class="form-group">
-                <label for="surname">{{
-                  'AbpIdentity::DisplayName:Surname' | abpLocalization
-                }}</label>
-                <input type="text" id="surname" class="form-control" formControlName="surname" />
-              </div>
+            <div class="form-group">
+              <label for="surname">{{
+                'AbpIdentity::DisplayName:Surname' | abpLocalization
+              }}</label>
+              <input type="text" id="surname" class="form-control" formControlName="surname" />
+            </div>
 
-              <div class="form-group">
-                <label for="password">{{ 'AbpIdentity::Password' | abpLocalization }}</label
-                ><span *ngIf="!selected.userName"> * </span>
-                <input
-                  type="password"
-                  id="password"
-                  autocomplete="new-password"
-                  class="form-control"
-                  formControlName="password"
-                />
-              </div>
+            <div class="form-group">
+              <label for="password">{{ 'AbpIdentity::Password' | abpLocalization }}</label
+              ><span *ngIf="!selected.userName"> * </span>
+              <input
+                type="password"
+                id="password"
+                autocomplete="new-password"
+                class="form-control"
+                formControlName="password"
+              />
+            </div>
 
-              <div class="form-group">
-                <label for="email">{{ 'AbpIdentity::EmailAddress' | abpLocalization }}</label
-                ><span> * </span>
-                <input type="text" id="email" class="form-control" formControlName="email" />
-              </div>
+            <div class="form-group">
+              <label for="email">{{ 'AbpIdentity::EmailAddress' | abpLocalization }}</label
+              ><span> * </span>
+              <input type="text" id="email" class="form-control" formControlName="email" />
+            </div>
 
-              <div class="form-group">
-                <label for="phone-number">{{ 'AbpIdentity::PhoneNumber' | abpLocalization }}</label>
-                <input
-                  type="text"
-                  id="phone-number"
-                  class="form-control"
-                  formControlName="phoneNumber"
-                />
-              </div>
+            <div class="form-group">
+              <label for="phone-number">{{ 'AbpIdentity::PhoneNumber' | abpLocalization }}</label>
+              <input
+                type="text"
+                id="phone-number"
+                class="form-control"
+                formControlName="phoneNumber"
+              />
+            </div>
 
-              <div class="custom-checkbox custom-control mb-2">
-                <input
-                  type="checkbox"
-                  id="lockout-checkbox"
-                  class="custom-control-input"
-                  formControlName="lockoutEnabled"
-                />
-                <label class="custom-control-label" for="lockout-checkbox">{{
-                  'AbpIdentity::DisplayName:LockoutEnabled' | abpLocalization
-                }}</label>
-              </div>
+            <div class="custom-checkbox custom-control mb-2">
+              <input
+                type="checkbox"
+                id="lockout-checkbox"
+                class="custom-control-input"
+                formControlName="lockoutEnabled"
+              />
+              <label class="custom-control-label" for="lockout-checkbox">{{
+                'AbpIdentity::DisplayName:LockoutEnabled' | abpLocalization
+              }}</label>
+            </div>
 
-              <div class="custom-checkbox custom-control mb-2">
-                <input
-                  type="checkbox"
-                  id="two-factor-checkbox"
-                  class="custom-control-input"
-                  formControlName="twoFactorEnabled"
-                />
-                <label class="custom-control-label" for="two-factor-checkbox">{{
-                  'AbpIdentity::DisplayName:TwoFactorEnabled' | abpLocalization
-                }}</label>
-              </div>
+            <div class="custom-checkbox custom-control mb-2">
+              <input
+                type="checkbox"
+                id="two-factor-checkbox"
+                class="custom-control-input"
+                formControlName="twoFactorEnabled"
+              />
+              <label class="custom-control-label" for="two-factor-checkbox">{{
+                'AbpIdentity::DisplayName:TwoFactorEnabled' | abpLocalization
+              }}</label>
             </div>
           </ng-template>
-        </ngb-tab>
-        <ngb-tab [title]="'AbpIdentity::Roles' | abpLocalization">
-          <ng-template ngbTabContent>
-            <div class="mt-2 fade-in-top">
-              <div
-                *ngFor="let roleGroup of roleGroups; let i = index; trackBy: trackByFn"
-                class="custom-checkbox custom-control mb-2"
-              >
-                <input
-                  type="checkbox"
-                  class="custom-control-input"
-                  [attr.id]="'roles-' + i"
-                  [formControl]="roleGroup.controls[roles[i].name]"
-                />
-                <label class="custom-control-label" [attr.for]="'roles-' + i">{{
-                  roles[i].name
-                }}</label>
-              </div>
+        </li>
+
+        <li ngbNavItem>
+          <a ngbNavLink>{{ 'AbpIdentity::Roles' | abpLocalization }}</a>
+          <ng-template ngbNavContent>
+            <div
+              *ngFor="let roleGroup of roleGroups; let i = index; trackBy: trackByFn"
+              class="custom-checkbox custom-control mb-2"
+            >
+              <input
+                type="checkbox"
+                class="custom-control-input"
+                [attr.id]="'roles-' + i"
+                [formControl]="roleGroup.controls[roles[i].name]"
+              />
+              <label class="custom-control-label" [attr.for]="'roles-' + i">{{
+                roles[i].name
+              }}</label>
             </div>
           </ng-template>
-        </ngb-tab>
-      </ngb-tabset>
+        </li>
+      </ul>
+
+      <div class="mt-2 fade-in-top" [ngbNavOutlet]="nav"></div>
     </form>
   </ng-template>
 
diff --git a/npm/ng-packs/packages/identity/src/lib/identity.module.ts b/npm/ng-packs/packages/identity/src/lib/identity.module.ts
index 9aeadac6a2..036c7e3607 100644
--- a/npm/ng-packs/packages/identity/src/lib/identity.module.ts
+++ b/npm/ng-packs/packages/identity/src/lib/identity.module.ts
@@ -2,7 +2,7 @@ import { CoreModule, LazyModuleFactory } from '@abp/ng.core';
 import { PermissionManagementModule } from '@abp/ng.permission-management';
 import { ThemeSharedModule } from '@abp/ng.theme.shared';
 import { ModuleWithProviders, NgModule, NgModuleFactory } from '@angular/core';
-import { NgbDropdownModule, NgbTabsetModule } from '@ng-bootstrap/ng-bootstrap';
+import { NgbDropdownModule, NgbNavModule } from '@ng-bootstrap/ng-bootstrap';
 import { NgxValidateCoreModule } from '@ngx-validate/core';
 import { NgxsModule } from '@ngxs/store';
 import { RolesComponent } from './components/roles/roles.component';
@@ -17,7 +17,7 @@ import { IdentityState } from './states/identity.state';
     NgxsModule.forFeature([IdentityState]),
     CoreModule,
     IdentityRoutingModule,
-    NgbTabsetModule,
+    NgbNavModule,
     ThemeSharedModule,
     NgbDropdownModule,
     PermissionManagementModule,
diff --git a/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.DbMigrator/tempkey.rsa b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.DbMigrator/tempkey.rsa
new file mode 100644
index 0000000000..494c2013e3
--- /dev/null
+++ b/templates/app/aspnet-core/src/MyCompanyName.MyProjectName.DbMigrator/tempkey.rsa
@@ -0,0 +1,13 @@
+{
+  "KeyId": "f788zGVUZh9H-HbWL1S-Mg",
+  "Parameters": {
+    "D": "F19hbC5PLO872DszGiJnVoU55ee7XGXmNf0KEKndJ/uGBv5lWklXA0QF80h1ytWXde0jV5isQPB1t7mPhRQlDoDTkywLi1CeOgBPbxzHEfLjZZ5c4olfeX0IJX9BDqgUntY0H1a/+Om/eDu4OZUz3EIJFFZBgz46YZSyTT6ZDvAEdpC/o66sNJmxvJIp+8zVoVDSqBUzxmc+oEamXLg7r2jdymxJMxau1kQFxEGLOrJnNxGsEe8UrYA3qSsm8m/Xg4uOh7RYgnuEEt88+KTvRq+CAMWhN3YNLtOJ3NmXowwE7e1Ma+jih9+UVfxZn14P5+SOJbQ2bYV2sCV+2vBiCQ==",
+    "DP": "oPiGO/qdOQfFEAS9fMInQnsrNylIZVpDYEVoDJ6/jQfE/IpuwxGcmsaGvCob3SKxZiJRLCWpwJYo1hCh/JOSVGWMkVyELky56nbbkkV5ymKLSGZ4JoetdQs+GchnPdR+k2P9Ij1Kjk13ylubN3htzNhcBASJpOfSEv5pPVzGKX0=",
+    "DQ": "z6imxLABHkyftbfUUtpeOlPanEHgpuIjmUdp3T1Ju1jziE63UEhuj0GPAXOF17uYxixwYE8JhOJ7+TyIK9oZeI3zH2OzJqQh8f5PCQ/E+0ULXZDeNV/ShDLCTufu3Fis9Rt64uTp/H/l21oMQ79jc0ysa8DTz1ReJLRc5qjL41U=",
+    "Exponent": "AQAB",
+    "InverseQ": "ieZcvSt5XYukKJKhXpv5Dm/1RD7iH88cZnhLSTEVTMoOUHoYWmApY5pNLGahbfjA9bxnkBWDYex/i7wE9uNNY5CsA6ovUaQLVJDt3kHvR9W+9QtN8D6jjG2TuRbbOdEg4RqhfjUaDfDIgTJX2Wxc8U98FOvOyGw1HzwUPFZKecM=",
+    "Modulus": "vk4z1Bmtmbo+gxITcY+FIlXzcO2wTOGlOXK5GMYj/6PUMFt7lbqkc72AkPsrAo5/JE8LYLhWj7fzSKbjvtowHCz5m2t+FlUYmuiKpvvnJsTqvQrckNlbZ1nm071q5PhP3Dar/OksfBhPtAX+c3+NjDnM/w53ccJJNaBDO/s9JYoN7vH5n6ed1pMSK71hmg4MPsxChcnc1f1PpnG2mqyJ253+GEUbj/kRyeBSmCCr9aadov2ZzxIKVaFNagJEHOzanQmorSLpP25GfOHCuy27Zkef94V/qU9elzjbH4uIKslVGx5T6H99TYh0sUGu11NytYJa5WNAZWow95CzurC2vw==",
+    "P": "4GMCQy+XTNzR5TsgFcdAZv2K6TcQR13fHVvPoxQp/b32V5YUJOBFEUAtqociy5ro4+KzpXP5WPSk1ZtznGKuNZyLq8gTnhpB3rwd0sdo4zxKnQ5nu+n1UhlhWNxg5A9V5TaciUAyPrHWJfLoYTQWygNTgJELQH5zZXi2ihC2uiU=",
+    "Q": "2R36pamnLAJggkPJxiW5qH6HizZ+bkQVg0BBftMLzkAM8Y9CwTW75GRUzGEJFpMckkw0GZSYb1Uwl3DVUpkcQ8LZ91IPYdPpDlYUshhIxl184M55pnO14besKxJtMZ64zhHKVAR2pBMO0n6W4/1iBXkkQqyPViJxdfvXPJMBbhM="
+  }
+}
\ No newline at end of file