diff --git a/apps/www/src/components/effects/gradient-banner.tsx b/apps/www/src/components/effects/gradient-banner.tsx
index 20823d6..758396e 100644
--- a/apps/www/src/components/effects/gradient-banner.tsx
+++ b/apps/www/src/components/effects/gradient-banner.tsx
@@ -54,10 +54,10 @@ export default function GradientBanner({
         className="w-screen blur-sm h-[4rem] border-b z-1"
         style={
           {
-            "--gradient-color-1": "#6ec3f4",
-            "--gradient-color-2": "#3a3aff",
-            "--gradient-color-3": "#ff61ab",
-            "--gradient-color-4": "#E63946",
+            "--gradient-color-1": "#c3e4ff",
+            "--gradient-color-2": "#6ec3f4",
+            "--gradient-color-3": "#eae2ff",
+            "--gradient-color-4": "#b9beff",
             webKitMaskImage: "linear-gradient(to top, transparent, black)",
             maskImage: "linear-gradient(to top, transparent, black)",
           } as React.CSSProperties
diff --git a/apps/www/src/config/banners.tsx b/apps/www/src/config/banners.tsx
index 8b53f26..5b0bd35 100644
--- a/apps/www/src/config/banners.tsx
+++ b/apps/www/src/config/banners.tsx
@@ -59,7 +59,7 @@ function AffiliateBanner() {
 
   return (
     <>
-      <div onClick={() => router.push(pageFind("Special:GitHub/releases/tag/1.8.0"))} className="cursor-pointer">
+      <div onClick={() => router.push(pageFind("Special:GitHub/releases/tag/1.8.0") as string)} className="cursor-pointer">
         <MainBanner size={1} className="max-h-[4rem] border-0">
           <GradientBanner>
             <strong>v2</strong>: the future of MHSF