From d716fec524157227cf7bf5eaaab57d15e4b30493 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Mon, 13 Apr 2026 16:11:02 +0300
Subject: [PATCH] chore(options/backup): use action button for download

---
 apps/client/src/stylesheets/theme-next/pages.css        | 6 ++++++
 apps/client/src/widgets/type_widgets/options/backup.tsx | 4 ++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/stylesheets/theme-next/pages.css b/apps/client/src/stylesheets/theme-next/pages.css
index 487fa70141..5348b706ac 100644
--- a/apps/client/src/stylesheets/theme-next/pages.css
+++ b/apps/client/src/stylesheets/theme-next/pages.css
@@ -346,3 +346,9 @@ nav.options-section-tabs + .options-section {
 .etapi-options-section div {
     height: auto !important;
 }
+
+/* BACKUP */
+
+.options-section table a {
+    color: inherit;
+}
diff --git a/apps/client/src/widgets/type_widgets/options/backup.tsx b/apps/client/src/widgets/type_widgets/options/backup.tsx
index cc31d5cdc2..3266628b21 100644
--- a/apps/client/src/widgets/type_widgets/options/backup.tsx
+++ b/apps/client/src/widgets/type_widgets/options/backup.tsx
@@ -5,7 +5,7 @@ import { t } from "../../../services/i18n";
 import server from "../../../services/server";
 import toast from "../../../services/toast";
 import { formatDateTime } from "../../../utils/formatters";
-import Button from "../../react/Button";
+import ActionButton from "../../react/ActionButton";
 import FormText from "../../react/FormText";
 import { useTriliumOptionBool } from "../../react/hooks";
 import { OptionsRowWithButton, OptionsRowWithToggle } from "./components/OptionsRow";
@@ -107,7 +107,7 @@ export function BackupList({ backups }: { backups: DatabaseBackup[] }) {
                                 <td className="selectable-text">{filePath}</td>
                                 <td>
                                     <a href={`api/database/backup/download?filePath=${encodeURIComponent(filePath)}`} download>
-                                        <Button text={t("backup.download")} />
+                                        <ActionButton icon="bx bx-download" text={t("backup.download")} />
                                     </a>
                                 </td>
                             </tr>