diff --git a/src/panels/config/backup/components/overview/ha-backup-overview-backups.ts b/src/panels/config/backup/components/overview/ha-backup-overview-backups.ts
index 0f025e8937..5c44183678 100644
--- a/src/panels/config/backup/components/overview/ha-backup-overview-backups.ts
+++ b/src/panels/config/backup/components/overview/ha-backup-overview-backups.ts
@@ -3,7 +3,6 @@ import type { CSSResultGroup } from "lit";
 import { css, html, LitElement } from "lit";
 import { customElement, property } from "lit/decorators";
 import memoizeOne from "memoize-one";
-import { navigate } from "../../../../../common/navigate";
 import "../../../../../components/ha-button";
 import "../../../../../components/ha-card";
 import "../../../../../components/ha-icon-next";
@@ -35,10 +34,6 @@ class HaBackupOverviewBackups extends LitElement {
 
   @property({ attribute: false }) public backups: BackupContent[] = [];
 
-  private _showAll() {
-    navigate("/config/backup/backups");
-  }
-
   private _automaticStats = memoizeOne((backups: BackupContent[]) => {
     const automaticBackups = backups.filter(
       (backup) => backup.with_automatic_settings
@@ -89,12 +84,9 @@ class HaBackupOverviewBackups extends LitElement {
           </ha-md-list>
         </div>
         <div class="card-actions">
-          <ha-button
-            href="/config/backup/backups?type=all"
-            @click=${this._showAll}
-          >
-            Show all backups
-          </ha-button>
+          <a href="/config/backup/backups?type=all">
+            <ha-button>Show all backups</ha-button>
+          </a>
         </div>
       </ha-card>
     `;