diff --git a/components/Header.tsx b/components/Header.tsx
index ee94f76b9..40314703f 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -213,7 +213,7 @@ const Header = ({ transparent = true }: HeaderProps) => {
                               </span>
                             </span>
 
-                            <span className="b3 hidden h-12 items-center justify-center rounded-md border-2 border-blurple-500 bg-blurple-500 p-4 !font-semibold text-white transition-colors group-hover:border-blurple-600 group-hover:bg-blurple-600 md:flex">
+                            <span className="b3 hidden h-12 items-center justify-center rounded-md border-2 border-blurple-600 bg-blurple-600 p-4 !font-semibold text-white transition-colors group-hover:border-blurple-900 group-hover:bg-blurple-900 md:flex">
                               {item.footer.label}
                             </span>
                           </a>
diff --git a/components/LinkButton.tsx b/components/LinkButton.tsx
index 39287b1d4..1b4a66fe8 100644
--- a/components/LinkButton.tsx
+++ b/components/LinkButton.tsx
@@ -42,10 +42,10 @@ const LinkButton = ({
     <Link href={href}>
       <a
         className={classnames(
-          "flex items-center justify-center rounded-md border-2 p-4 text-center !font-semibold transition-colors focus:outline-none hocus:border-blurple-600 hocus:bg-blurple-600 hocus:text-white",
-          borderless ? "border-white" : "border-blurple-500",
+          "flex items-center justify-center rounded-md border-2 p-4 text-center !font-semibold transition-colors focus:outline-none hocus:border-blurple-900 hocus:bg-blurple-900 hocus:text-white",
+          borderless ? "border-white" : "border-blurple-600",
           fullWidth ? "w-full" : "w-max",
-          light ? "bg-white text-blurple-500" : "bg-blurple-500 text-white",
+          light ? "bg-white text-blurple-600" : "bg-blurple-600 text-white",
           size === "small" && "b3 h-10",
           size === "medium" && "b3 h-12",
           size === "large" && "b3 md:b1 h-12 md:h-16 md:px-6"
diff --git a/pages/index.tsx b/pages/index.tsx
index 7b64d6b9a..44a1190d5 100755
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react"
+import { useState } from "react"
 import { FormattedMessage, useIntl } from "react-intl"
 import Image from "next/image"
 import Head from "next/head"
@@ -26,8 +26,7 @@ import illoWorld from "../public/illustrations/home_sponsors_world.png"
 import homeHeroMobile from "../public/illustrations/home_hero_mobile.webp"
 import homeHeroDesktop from "../public/illustrations/home_hero_desktop.png"
 import Hero from "../components/Hero"
-import { getDirForLocale } from "../utils/locales"
-import { useRouter } from "next/router"
+
 import Layout from "../components/Layout"
 
 function Home() {
@@ -518,7 +517,7 @@ const Sponsors = ({ sponsors }) => {
         </>
       )}
 
-      <p className="mt-8 text-gray-2 lg:col-span-12 lg:mb-16">
+      <p className="mt-8 text-gray-1 lg:col-span-12 lg:mb-16">
         Sponsorship does not equal influence. Mastodon is fully independent.
       </p>
     </section>