diff --git a/components/shared/Hero.tsx b/components/shared/Hero.tsx
index 287478f..0f0ca14 100644
--- a/components/shared/Hero.tsx
+++ b/components/shared/Hero.tsx
@@ -65,7 +65,7 @@ const Hero = () => {
 				</AnimatedGradientText>
 				<main className="text-5xl md:text-6xl font-bold">
 					<h1 className="inline custom-title">
-						<span className="bg-primary bg-clip-text text-transparent">
+						<span className="bg-primary bg-clip-text text-transparent dark:bg-gradient-to-b dark:from-green-300 dark:to-primary">
 							Simplify
 						</span>{" "}
 						your server logic performance