diff --git a/src/components/HomePage/HomepageTrust.js b/src/components/HomePage/HomepageTrust.js
index b9df73b..02bb86e 100644
--- a/src/components/HomePage/HomepageTrust.js
+++ b/src/components/HomePage/HomepageTrust.js
@@ -3,7 +3,7 @@ import Image from "next/image"
 /* This example requires Tailwind CSS v2.0+ */
 export default function HomePageTrust() {
   return (
-    <div className="bg-purple-200 dark:bg-purple-800">
+    <div className="bg-lightGray dark:bg-slate-800">
       <div className="max-w-8xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
         <h2 className="text-center text-3xl tracking-tight font-extrabold text-navy dark:text-white sm:text-4xl">
           {`Who's Using WPGraphQL?`}
diff --git a/tailwind.config.js b/tailwind.config.js
index 729e95b..36868eb 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -168,10 +168,13 @@ module.exports = {
             a: {
               fontWeight: theme("fontWeight.semibold"),
               textDecoration: "none",
-              borderBottom: `1px solid ${theme("colors.sky.300")}`,
+              color: theme("colors.blue.dark"),
+              borderBottom: `2px solid ${theme("colors.blue.dark")}`,
+              transition: "color .22s cubic-bezier(0.65,0.05,0.36,1), border-color .22s cubic-bezier(0.65,0.05,0.36,1)"
             },
             "a:hover": {
-              borderBottomWidth: "2px",
+              color: theme("colors.blue.DEFAULT"),
+              borderColor: theme("colors.blue.DEFAULT"),
             },
             "a code": {
               color: "inherit",