diff --git a/src/app/shared/btn-disabled.directive.ts b/src/app/shared/btn-disabled.directive.ts
index b35d49d85f9..c8b2b498903 100644
--- a/src/app/shared/btn-disabled.directive.ts
+++ b/src/app/shared/btn-disabled.directive.ts
@@ -53,7 +53,7 @@ export class BtnDisabledDirective {
      */
   @HostListener('keydown', ['$event'])
     handleKeydown(event: KeyboardEvent) {
-      if (this.isDisabled && (event.key === 'Enter' || event.key === 'Space')) {
+      if (this.isDisabled && (event.key === 'Enter' || event.key === ' ')) {
         event.preventDefault();
         event.stopImmediatePropagation();
       }
diff --git a/src/app/shared/disabled-directive.spec.ts b/src/app/shared/disabled-directive.spec.ts
index ce6dc2e7aab..fe3b9b8cef5 100644
--- a/src/app/shared/disabled-directive.spec.ts
+++ b/src/app/shared/disabled-directive.spec.ts
@@ -78,7 +78,7 @@ describe('DisabledDirective', () => {
     button.nativeElement.addEventListener('keydown', () => keydownHandled = true);
 
     const enterEvent = new KeyboardEvent('keydown', { key: 'Enter' });
-    const spaceEvent = new KeyboardEvent('keydown', { key: 'Space' });
+    const spaceEvent = new KeyboardEvent('keydown', { key: ' ' });
 
     button.nativeElement.dispatchEvent(enterEvent);
     button.nativeElement.dispatchEvent(spaceEvent);
@@ -96,7 +96,7 @@ describe('DisabledDirective', () => {
     button.nativeElement.click();
 
     const enterEvent = new KeyboardEvent('keydown', { key: 'Enter' });
-    const spaceEvent = new KeyboardEvent('keydown', { key: 'Space' });
+    const spaceEvent = new KeyboardEvent('keydown', { key: ' ' });
 
     button.nativeElement.dispatchEvent(enterEvent);
     button.nativeElement.dispatchEvent(spaceEvent);