diff --git a/projects/player/src/app/components/page/page.component.html b/projects/player/src/app/components/page/page.component.html
index 72db6f5622b9be14586eb691ed3472d66659a968..599d0c2f25278009cf3351ef2527ded4e4c1dbe3 100644
--- a/projects/player/src/app/components/page/page.component.html
+++ b/projects/player/src/app/components/page/page.component.html
@@ -1,4 +1,4 @@
-<div appIntersectionDetection
+<div aspectIntersectionDetection
      detectionType="top"
      [intersectionContainer]="pagesContainer"
      (intersecting)="onIntersection()">
@@ -12,7 +12,7 @@
       [section]="section">
   </aspect-section>
 </div>
-<div appIntersectionDetection
+<div aspectIntersectionDetection
      detectionType="bottom"
      [intersectionContainer]="pagesContainer"
      (intersecting)="onIntersection()"
diff --git a/projects/player/src/app/directives/intersection-detection.directive.ts b/projects/player/src/app/directives/intersection-detection.directive.ts
index a4f4028c2a83be89c58d348259bbea028d9dbf6a..4a033c76f20f7c2338cb8dacee75ffd0b570243d 100644
--- a/projects/player/src/app/directives/intersection-detection.directive.ts
+++ b/projects/player/src/app/directives/intersection-detection.directive.ts
@@ -4,7 +4,7 @@ import {
 import { IntersectionDetector } from '../classes/intersection-detector';
 
 @Directive({
-  selector: '[appIntersectionDetection]'
+  selector: '[aspectIntersectionDetection]'
 })
 export class IntersectionDetectionDirective implements OnInit, OnDestroy {
   @Input() detectionType!: 'top' | 'bottom';