diff --git a/projects/layout/components/app-bar/app-bar-back.component.ts b/projects/layout/components/app-bar/app-bar-back.component.ts
index bd6b59645f62..388e4ec9f139 100644
--- a/projects/layout/components/app-bar/app-bar-back.component.ts
+++ b/projects/layout/components/app-bar/app-bar-back.component.ts
@@ -1,19 +1,19 @@
 import {ChangeDetectionStrategy, Component} from '@angular/core';
+import type {TuiAppearanceOptions} from '@taiga-ui/core/directives/appearance';
 import {
     TuiAppearance,
-    type TuiAppearanceOptions,
     tuiAppearanceOptionsProvider,
-} from '@taiga-ui/core';
+} from '@taiga-ui/core/directives/appearance';
 
 @Component({
     standalone: true,
     selector: 'button[tuiAppBarBack], a[tuiAppBarBack]',
     templateUrl: './app-bar-back.template.html',
     styleUrls: ['./app-bar-back.style.less'],
-    hostDirectives: [TuiAppearance],
-    providers: [tuiAppearanceOptionsProvider(TuiAppBarBack)],
     changeDetection: ChangeDetectionStrategy.OnPush,
+    providers: [tuiAppearanceOptionsProvider(TuiAppBarBack)],
+    hostDirectives: [TuiAppearance],
 })
 export class TuiAppBarBack implements TuiAppearanceOptions {
-    appearance = 'link';
+    public appearance = 'link';
 }