From 85f472741b5bffc3836c426554879e20005c9b64 Mon Sep 17 00:00:00 2001
From: ayumi-signal <143036029+ayumi-signal@users.noreply.github.com>
Date: Fri, 1 Aug 2025 14:31:16 -0700
Subject: [PATCH] Fix icon for preferences donations

---
 stylesheets/components/Preferences.scss | 4 ++++
 ts/components/Preferences.tsx           | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/stylesheets/components/Preferences.scss b/stylesheets/components/Preferences.scss
index cac30f93c9..62a86147e4 100644
--- a/stylesheets/components/Preferences.scss
+++ b/stylesheets/components/Preferences.scss
@@ -300,6 +300,10 @@ $secondary-text-color: light-dark(
       );
     }
 
+    &--donations {
+      @include preferences-icon('../images/icons/v3/heart/heart.svg');
+    }
+
     &--internal {
       @include preferences-icon('../images/icons/v3/internal/internal.svg');
     }
diff --git a/ts/components/Preferences.tsx b/ts/components/Preferences.tsx
index f84185d34e..8389ab4e68 100644
--- a/ts/components/Preferences.tsx
+++ b/ts/components/Preferences.tsx
@@ -2383,7 +2383,7 @@ export function Preferences({
                   type="button"
                   className={classNames({
                     Preferences__button: true,
-                    'Preferences__button--appearance': true,
+                    'Preferences__button--donations': true,
                     'Preferences__button--selected': isDonationsPage(page),
                   })}
                   onClick={() => setPage(SettingsPage.Donations)}