diff --git a/npm/ng-packs/packages/core/src/lib/components/dynamic-layout.component.ts b/npm/ng-packs/packages/core/src/lib/components/dynamic-layout.component.ts
index 35632ee9a0..cf7677ebca 100644
--- a/npm/ng-packs/packages/core/src/lib/components/dynamic-layout.component.ts
+++ b/npm/ng-packs/packages/core/src/lib/components/dynamic-layout.component.ts
@@ -1,4 +1,4 @@
-import { Component, inject, isDevMode, Type } from '@angular/core';
+import { Component, inject, input, isDevMode, Type } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { eLayoutType } from '../enums/common';
 import { ABP } from '../models';
@@ -14,7 +14,6 @@ import { DYNAMIC_LAYOUTS_TOKEN } from '../tokens/dynamic-layout.token';
 import { EnvironmentService } from '../services';
 import { NgComponentOutlet } from '@angular/common';
 import { filter, take } from 'rxjs';
-import { DEFAULT_LAYOUT } from '../tokens';
 
 @Component({
   selector: 'abp-dynamic-layout',
@@ -40,10 +39,13 @@ export class DynamicLayoutComponent {
   protected readonly subscription = inject(SubscriptionService);
   protected readonly routerEvents = inject(RouterEvents);
   protected readonly environment = inject(EnvironmentService);
-  protected readonly defaultLayout = inject(DEFAULT_LAYOUT, { optional: true });
+  readonly defaultLayout = input<eLayoutType>(undefined);
 
   constructor() {
-    const dynamicLayoutComponent = inject(DynamicLayoutComponent, { optional: true, skipSelf: true });
+    const dynamicLayoutComponent = inject(DynamicLayoutComponent, {
+      optional: true,
+      skipSelf: true,
+    });
 
     if (dynamicLayoutComponent) {
       if (isDevMode()) console.warn('DynamicLayoutComponent must be used only in AppComponent.');
@@ -91,7 +93,7 @@ export class DynamicLayoutComponent {
         break;
       }
     }
-    return expectedLayout ?? this.defaultLayout;
+    return expectedLayout ?? this.defaultLayout();
   }
 
   showLayoutNotFoundError(layoutName: string) {
diff --git a/npm/ng-packs/packages/core/src/lib/tokens/default-layout.token.ts b/npm/ng-packs/packages/core/src/lib/tokens/default-layout.token.ts
deleted file mode 100644
index d72c6a62a9..0000000000
--- a/npm/ng-packs/packages/core/src/lib/tokens/default-layout.token.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { eLayoutType } from '@abp/ng.core';
-
-export const DEFAULT_LAYOUT = new InjectionToken<eLayoutType>('');
diff --git a/npm/ng-packs/packages/core/src/lib/tokens/index.ts b/npm/ng-packs/packages/core/src/lib/tokens/index.ts
index 9b6f95f3ec..6c7fd859c6 100644
--- a/npm/ng-packs/packages/core/src/lib/tokens/index.ts
+++ b/npm/ng-packs/packages/core/src/lib/tokens/index.ts
@@ -18,4 +18,3 @@ export * from './compare-func.token';
 export * from './dynamic-layout.token';
 export * from './title-strategy-disable-project-name.token';
 export * from './ssr-state.token';
-export * from './default-layout.token';