diff --git a/apps/web/src/content/mdx-components/button-link.tsx b/apps/web/src/content/mdx-components/button-link.tsx
index 9f88a84a..f42b452f 100644
--- a/apps/web/src/content/mdx-components/button-link.tsx
+++ b/apps/web/src/content/mdx-components/button-link.tsx
@@ -10,7 +10,7 @@ export function ButtonLink(
     <Button
       variant="outline"
       size="lg"
-      className="h-auto rounded-none px-4 py-4 text-base no-underline!"
+      className="data-[variant=default]:text-background! h-auto rounded-none px-4 py-4 text-base no-underline!"
       asChild
       {...props}
     >
diff --git a/apps/web/src/content/pages/home.mdx b/apps/web/src/content/pages/home.mdx
index 66b1366a..53df62c6 100644
--- a/apps/web/src/content/pages/home.mdx
+++ b/apps/web/src/content/pages/home.mdx
@@ -30,7 +30,7 @@ faq:
 ---
 
 <div className="space-x-2">
-  <ButtonLink href="https://app.openstatus.dev" children="Create Your Status Page" />
+  <ButtonLink href="https://app.openstatus.dev" children="Create Your Status Page" variant="default" />
   <ButtonLink
     variant="ghost"
     href="https://openstatus.dev/github"