diff --git a/projects/player/modules/key-input/components/keyboard-key/keyboard-key.component.ts b/projects/player/modules/key-input/components/keyboard-key/keyboard-key.component.ts
index 9f107f106300a8c961bfb1dc72086855a675f29e..d4bbd469ec9324fd5f6a3d094f721c0267438ca3 100644
--- a/projects/player/modules/key-input/components/keyboard-key/keyboard-key.component.ts
+++ b/projects/player/modules/key-input/components/keyboard-key/keyboard-key.component.ts
@@ -3,7 +3,7 @@ import {
 } from '@angular/core';
 
 @Component({
-  selector: 'keyboard-key',
+  selector: 'aspect-keyboard-key',
   templateUrl: './keyboard-key.component.html',
   styleUrls: ['./keyboard-key.component.scss']
 })
diff --git a/projects/player/modules/key-input/components/keyboard/keyboard.component.html b/projects/player/modules/key-input/components/keyboard/keyboard.component.html
index b663578f5bcb36e4b2894f34af768d92bc71669e..5b3e168d844fb7e18c575aa7ed99d6743b8bd42b 100644
--- a/projects/player/modules/key-input/components/keyboard/keyboard.component.html
+++ b/projects/player/modules/key-input/components/keyboard/keyboard.component.html
@@ -4,18 +4,18 @@
        fxLayout="row wrap"
        fxLayoutAlign="space-between center"
        class="specialCharacters">
-    <keyboard-key *ngFor="let key of frenchRow; let i = index"
+    <aspect-keyboard-key *ngFor="let key of frenchRow; let i = index"
                   class="key"
                   [key]="key"
                   [alternativeKey]="null"
                   (keyClicked)="evaluateClickedKeyValue($event)">
-    </keyboard-key>
+    </aspect-keyboard-key>
   </div>
 
   <div class="character-rows">
     <ng-container *ngFor="let row of rows; let rowIndex = index">
       <ng-container *ngFor="let key of row; let i = index">
-        <keyboard-key class="key"
+        <aspect-keyboard-key class="key"
                       [style.grid-row-start]="rowIndex + 2"
                       [style.grid-row-end]="key === 'Return' ? rowIndex + 4 : rowIndex + 3"
                       [style.grid-column-start]="key === 'Space' ? i + 2 : i + 1"
@@ -23,7 +23,7 @@
                       [key]="key "
                       [alternativeKey]="layout.default[rowIndex][i] | getAlternativeKey:layout.shift[rowIndex][i]:shift"
                       (keyClicked)="evaluateClickedKeyValue($event)">
-        </keyboard-key>
+        </aspect-keyboard-key>
       </ng-container>
     </ng-container>
   </div>
diff --git a/projects/player/modules/key-input/components/keyboard/keyboard.component.spec.ts b/projects/player/modules/key-input/components/keyboard/keyboard.component.spec.ts
index 08e79d101680a560070616a056e2bade2fcb7a25..4da9eaa9046ff466ab935c68182af3cca3f90c58 100644
--- a/projects/player/modules/key-input/components/keyboard/keyboard.component.spec.ts
+++ b/projects/player/modules/key-input/components/keyboard/keyboard.component.spec.ts
@@ -7,7 +7,7 @@ describe('KeyboardComponent', () => {
   let component: KeyboardComponent;
   let fixture: ComponentFixture<KeyboardComponent>;
 
-  @Component({ selector: 'keyboard-key', template: '' })
+  @Component({ selector: 'aspect-keyboard-key', template: '' })
   class KeyboardKeyComponent {
     @Input() key!: string;
     @Input() alternativeKey!: string;