diff --git a/projects/player/src/app/components/key/key.component.html b/projects/player/src/app/components/key/key.component.html
index 776dafe6a68593ec4f9dc9a6fc629a047e75b475..cd1a298d487dba5f0ad164254045ec8fc1aeb7fc 100644
--- a/projects/player/src/app/components/key/key.component.html
+++ b/projects/player/src/app/components/key/key.component.html
@@ -1 +1 @@
-<button (mousedown)="onClick($event)" mat-stroked-button>{{character}}</button>
+<button (mousedown)="onMouseDown($event)" mat-stroked-button>{{character}}</button>
diff --git a/projects/player/src/app/components/key/key.component.ts b/projects/player/src/app/components/key/key.component.ts
index b6e15fab06701042baec33fd9b67930be3d0b0d5..0d28e8c24369210eeb16391d6bf723df52cd710b 100644
--- a/projects/player/src/app/components/key/key.component.ts
+++ b/projects/player/src/app/components/key/key.component.ts
@@ -11,7 +11,7 @@ export class KeyComponent {
 
   constructor(private specialCharacterService: SpecialCharacterService) { }
 
-  onClick(event: MouseEvent): void {
+  onMouseDown(event: MouseEvent): void {
     this.specialCharacterService.inputCharacter(this.character);
     event.preventDefault();
   }