diff --git a/src/components/settings/SpecialCard.css b/src/components/settings/SpecialCard.css
index 7c2e51c89..083cb1d67 100644
--- a/src/components/settings/SpecialCard.css
+++ b/src/components/settings/SpecialCard.css
@@ -1,7 +1,15 @@
-.vc-contrib-button,
 .vc-invite-button,
 .vc-donate-button {
     overflow: visible !important;
+    color: black;
+    background-color: color-mix(in srgb, #c3a3ce 15%, pink);
+}
+
+.vc-invite-button:hover,
+.vc-donate-button:hover {
+    overflow: visible !important;
+    color: black;
+    background-color: color-mix(in srgb, hotpink 15%, pink);
 }
 
 .vc-invite-link {
@@ -15,6 +23,12 @@
     overflow: visible !important;
     margin-top: 1em;
     color: black;
+    background-color: color-mix(in srgb, #EDCC87 95%, black);
+}
+
+.vc-contrib-button:hover {
+    color: black;
+    background-color: color-mix(in srgb, #EDCC87 90%, black);
 }
 
 .vc-contrib-github {
@@ -32,7 +46,7 @@
 }
 
 .vc-invite-button:hover .vc-invite-link,
-.vc-contrib-github:hover .vc-contrib-github,
+.vc-contrib-button:hover .vc-contrib-github,
 .vc-donate-button:hover .vc-heart-icon {
     transform: scale(1.1);
     z-index: 10;
diff --git a/src/components/settings/tabs/vencord/DonateButton.tsx b/src/components/settings/tabs/vencord/DonateButton.tsx
index c78c1bf0a..c9f0ebce7 100644
--- a/src/components/settings/tabs/vencord/DonateButton.tsx
+++ b/src/components/settings/tabs/vencord/DonateButton.tsx
@@ -20,9 +20,9 @@ export function DonateButtonComponent() {
         <Flex>
             <DonateButton
                 equicord={true}
-                style={{ marginTop: "1em", color: "black" }} />
+                style={{ marginTop: "1em" }} />
             <InviteButton
-                style={{ marginTop: "1em", color: "black" }} />
+                style={{ marginTop: "1em" }} />
         </Flex>
     );
 }
diff --git a/src/plugins/_api/badges/modals.tsx b/src/plugins/_api/badges/modals.tsx
index 644057b54..8890f86f7 100644
--- a/src/plugins/_api/badges/modals.tsx
+++ b/src/plugins/_api/badges/modals.tsx
@@ -57,7 +57,7 @@ export function VencordDonorModal() {
                 </ModalContent>
                 <ModalFooter>
                     <Flex justifyContent="center" style={{ width: "100%" }}>
-                        <DonateButton style={{ color: "var(--text-default)" }} />
+                        <DonateButton />
                     </Flex>
                 </ModalFooter>
             </ModalRoot>
@@ -113,7 +113,7 @@ export function EquicordDonorModal() {
                 </ModalContent>
                 <ModalFooter>
                     <Flex justifyContent="center" style={{ width: "100%" }}>
-                        <DonateButton equicord={true} style={{ color: "var(--text-default)" }} />
+                        <DonateButton equicord={true} />
                     </Flex>
                 </ModalFooter>
             </ModalRoot>