diff --git a/client/src/components/Donation/Donation.css b/client/src/components/Donation/Donation.css
index 84ddb91b77..c73fdee64d 100644
--- a/client/src/components/Donation/Donation.css
+++ b/client/src/components/Donation/Donation.css
@@ -451,6 +451,19 @@ a.patreon-button:hover {
   background-color: #e13d47;
 }
 
+.dark-palette a.patreon-button {
+  background-color: white;
+}
+
+.dark-palette a.patreon-button svg {
+  fill: #ff424d;
+}
+.dark-palette a.patreon-button:active,
+.dark-palette a.patreon-button:active:focus,
+.dark-palette a.patreon-button:hover {
+  background-color: #efefef;
+}
+
 .hide {
   display: none;
 }