diff --git a/modules/web/src/login/component.spec.ts b/modules/web/src/login/component.spec.ts
index 18045b273ac5..cf8dcc2782f7 100644
--- a/modules/web/src/login/component.spec.ts
+++ b/modules/web/src/login/component.spec.ts
@@ -153,7 +153,7 @@ describe('LoginComponent', () => {
       // set inputs and fire change events to trigger onChange()
       const token = fixture.debugElement.query(By.css(queries.token)).nativeElement;
       token.value = loginToken;
-      token.dispatchEvent(new Event('keyup'));
+      token.dispatchEvent(new Event('input'));
 
       submit();
 
diff --git a/modules/web/src/login/template.html b/modules/web/src/login/template.html
index e654897605c4..487df94e11b6 100644
--- a/modules/web/src/login/template.html
+++ b/modules/web/src/login/template.html
@@ -47,7 +47,7 @@
             placeholder="Bearer token"
             type="password"
             required
-            (keyup)="onChange($event)"
+            (input)="onChange($event)"
           />
         </mat-form-field>
         <mat-error