diff --git a/projects/player/src/app/components/layout/layout.component.html b/projects/player/src/app/components/layout/layout.component.html
index d4b4066410ea0507fd6c01af768f3a0af7a9feb3..ca6bac75709fe7d1b7d325c2d9654c454eabdbf4 100644
--- a/projects/player/src/app/components/layout/layout.component.html
+++ b/projects/player/src/app/components/layout/layout.component.html
@@ -103,7 +103,7 @@
         [class.concat-scroll-snap-align]="scrollPageMode === 'concat-scroll-snap'"
         [style.max-width]="page.hasMaxWidth ? page.maxWidth + 'px' : '100%'"
         [style.padding.px]="page.margin"
-        appScrollIndex
+        aspectScrollIndex
         [pagesContainer]="pagesContainer"
         [selectIndex]="selectIndex"
         [index]="i">
diff --git a/projects/player/src/app/directives/scroll-index.directive.ts b/projects/player/src/app/directives/scroll-index.directive.ts
index f5606098e3b93d137537118cbc2671eb411aedf0..ba8a53b42bc421defd649a7224da3b967e9016ee 100644
--- a/projects/player/src/app/directives/scroll-index.directive.ts
+++ b/projects/player/src/app/directives/scroll-index.directive.ts
@@ -4,7 +4,7 @@ import {
 import { Subject } from 'rxjs';
 
 @Directive({
-  selector: '[appScrollIndex]'
+  selector: '[aspectScrollIndex]'
 })
 export class ScrollIndexDirective implements OnInit {
   @Input() selectIndex!: Subject<number>;