diff --git a/src/components/DonateButton.tsx b/src/components/DonateButton.tsx
index 9ab439ee..0d96276c 100644
--- a/src/components/DonateButton.tsx
+++ b/src/components/DonateButton.tsx
@@ -22,7 +22,7 @@ import { ButtonProps } from "@webpack/types";
 
 import { Heart } from "./Heart";
 
-export default function VCDonateButton({
+export function VCDonateButton({
     look = Button.Looks.LINK,
     color = Button.Colors.TRANSPARENT,
     ...props
diff --git a/src/plugins/_api/badges/index.tsx b/src/plugins/_api/badges/index.tsx
index b4f26206..e8ecb43b 100644
--- a/src/plugins/_api/badges/index.tsx
+++ b/src/plugins/_api/badges/index.tsx
@@ -19,8 +19,7 @@
 import "./fixDiscordBadgePadding.css";
 
 import { _getBadges, BadgePosition, BadgeUserArgs, ProfileBadge } from "@api/Badges";
-import VCDonateButton from "@components/DonateButton";
-import DonateButton from "@components/DonateButton";
+import DonateButton, { VCDonateButton } from "@components/DonateButton";
 import ErrorBoundary from "@components/ErrorBoundary";
 import { Flex } from "@components/Flex";
 import { Heart } from "@components/Heart";