diff --git a/docs/components/landing/hero.tsx b/docs/components/landing/hero.tsx
index 93cc5f77..76cc8cf9 100644
--- a/docs/components/landing/hero.tsx
+++ b/docs/components/landing/hero.tsx
@@ -74,8 +74,8 @@ export default function Hero() {
 										</span>
 									</div>
 									<Link href={"/changelogs/1-2"}>
-										<span className="bg-gradient-to-tr from-stone-800/50 to-black  px-2 rounded-none">
-											<span className="text-xs text-zinc-200 tracking-tighter font-mono mb-0 underline underline-offset-4">
+										<span className="bg-gradient-to-tr dark:from-stone-800/50 dark:to-black from-stone-200 to-white  px-2 rounded-none">
+											<span className="text-xs dark:text-zinc-200 tracking-tighter font-mono mb-0 underline underline-offset-4">
 												v1.2 is out
 											</span>
 											<CornerRightUp className="inline ml-1 w-3 h-3" />