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>