diff --git a/apps/browser/src/popup/fido2/fido2.component.html b/apps/browser/src/popup/fido2/fido2.component.html
index 7001d76a7b6..bf223f05664 100644
--- a/apps/browser/src/popup/fido2/fido2.component.html
+++ b/apps/browser/src/popup/fido2/fido2.component.html
@@ -1,4 +1,5 @@
 <div class="auth-wrapper">
   A site is asking for authentication
   <button type="button" class="btn btn-outline-secondary" (click)="verify()">Authenticate</button>
+  <button type="button" class="btn btn-outline-secondary" (click)="cancel()">Cancel</button>
 </div>
diff --git a/apps/browser/src/popup/fido2/fido2.component.ts b/apps/browser/src/popup/fido2/fido2.component.ts
index ea1ee36cc53..dc460680f29 100644
--- a/apps/browser/src/popup/fido2/fido2.component.ts
+++ b/apps/browser/src/popup/fido2/fido2.component.ts
@@ -27,8 +27,13 @@ export class Fido2Component {
     window.close();
   }
 
+  cancel() {
+    this.unload();
+    window.close();
+  }
+
   @HostListener("window:unload")
-  unloadHandler() {
+  unload() {
     const data = this.data;
     BrowserFido2UserInterfaceService.sendMessage({
       requestId: data.requestId,