diff --git a/src/components/settings/DonateButton.tsx b/src/components/settings/DonateButton.tsx
index cc455305f..f1fc23a41 100644
--- a/src/components/settings/DonateButton.tsx
+++ b/src/components/settings/DonateButton.tsx
@@ -48,7 +48,7 @@ export function InviteButton({
     return (
         <Button
             {...props}
-            variant="none"
+            variant="link"
             size="medium"
             type="button"
             onClick={async e => {
diff --git a/src/components/settings/SpecialCard.css b/src/components/settings/SpecialCard.css
index 14ceb3e59..c7af4a914 100644
--- a/src/components/settings/SpecialCard.css
+++ b/src/components/settings/SpecialCard.css
@@ -1,6 +1,6 @@
 .vc-donate-button {
     overflow: visible !important;
-    color: var(--text-default)
+    color: black;
 }
 
 .vc-donate-button .vc-heart-icon {