diff --git a/npm/ng-packs/apps/dev-app/project.json b/npm/ng-packs/apps/dev-app/project.json
index 88ce39325b..30fed19de1 100644
--- a/npm/ng-packs/apps/dev-app/project.json
+++ b/npm/ng-packs/apps/dev-app/project.json
@@ -24,9 +24,9 @@
             "bundleName": "bootstrap-rtl.min"
           },
           {
-              "input": "node_modules/bootstrap/dist/css/bootstrap.min.css",
-              "inject": true,
-              "bundleName": "bootstrap-ltr.min"
+            "input": "node_modules/bootstrap/dist/css/bootstrap.min.css",
+            "inject": true,
+            "bundleName": "bootstrap-ltr.min"
           },
           {
             "input": "node_modules/@volo/ngx-lepton-x.lite/assets/css/bootstrap-dim.css",
diff --git a/npm/ng-packs/apps/dev-app/src/app/app.module.ts b/npm/ng-packs/apps/dev-app/src/app/app.module.ts
index 65c79a5707..ac56d2736e 100644
--- a/npm/ng-packs/apps/dev-app/src/app/app.module.ts
+++ b/npm/ng-packs/apps/dev-app/src/app/app.module.ts
@@ -1,22 +1,22 @@
-import { ThemeBasicModule } from '@abp/ng.theme.basic';
-import { AccountConfigModule } from '@abp/ng.account/config';
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { CoreModule } from '@abp/ng.core';
 import { registerLocale } from '@abp/ng.core/locale';
+import { ThemeSharedModule } from '@abp/ng.theme.shared';
+import { ThemeLeptonXModule } from '@abp/ng.theme.lepton-x';
+import { SideMenuLayoutModule } from '@abp/ng.theme.lepton-x/layouts';
 import { IdentityConfigModule } from '@abp/ng.identity/config';
+import { AbpOAuthModule } from '@abp/ng.oauth';
 import { SettingManagementConfigModule } from '@abp/ng.setting-management/config';
 import { TenantManagementConfigModule } from '@abp/ng.tenant-management/config';
-import { ThemeLeptonXModule } from '@abp/ng.theme.lepton-x';
-import { SideMenuLayoutModule } from '@abp/ng.theme.lepton-x/layouts';
-import { ThemeSharedModule } from '@abp/ng.theme.shared';
-import { NgModule } from '@angular/core';
-import { BrowserModule } from '@angular/platform-browser';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { FeatureManagementModule } from '@abp/ng.feature-management';
+import { AccountConfigModule } from '@abp/ng.account/config';
+import { AccountLayoutModule } from '@abp/ng.theme.lepton-x/account/account-layout';
 import { environment } from '../environments/environment';
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 import { APP_ROUTE_PROVIDER } from './route.provider';
-import { FeatureManagementModule } from '@abp/ng.feature-management';
-import { AbpOAuthModule } from '@abp/ng.oauth';
 
 @NgModule({
   imports: [
@@ -36,7 +36,9 @@ import { AbpOAuthModule } from '@abp/ng.oauth';
     TenantManagementConfigModule.forRoot(),
     FeatureManagementModule.forRoot(),
     SettingManagementConfigModule.forRoot(),
-    ThemeBasicModule.forRoot(),
+    ThemeLeptonXModule.forRoot(),
+    SideMenuLayoutModule.forRoot(),
+    AccountLayoutModule.forRoot(),
   ],
   providers: [APP_ROUTE_PROVIDER],
   declarations: [AppComponent],
diff --git a/npm/ng-packs/package.json b/npm/ng-packs/package.json
index edac2bebb9..287bd0963f 100644
--- a/npm/ng-packs/package.json
+++ b/npm/ng-packs/package.json
@@ -55,7 +55,7 @@
     "@abp/ng.setting-management": "~7.3.0-rc.1",
     "@abp/ng.tenant-management": "~7.3.0-rc.1",
     "@abp/ng.theme.basic": "~7.3.0-rc.1",
-    "@abp/ng.theme.lepton-x": "^2.2.0",
+    "@abp/ng.theme.lepton-x": "^2.3.0-rc.1",
     "@abp/ng.theme.shared": "~7.3.0-rc.1",
     "@abp/utils": "~7.3.0-rc.1",
     "@angular-devkit/build-angular": "16.0.1",