diff --git a/src/404.html b/src/404.html
index 04912e9c..1f39fa33 100644
--- a/src/404.html
+++ b/src/404.html
@@ -10,7 +10,7 @@ permalink: 404.html
     What kind of idiots do you have working here?
   </h3>
   <div class="flex justify-center">
-    <a href="/" class="flex flex-row items-start md:items-center font-semibold py-2 px-4 rounded-full !no-underline !text-white dark:text-gray-900 bg-purple-600 dark:bg-purple-400 hover:bg-purple-500">
+    <a href="/" class="flex flex-row items-start md:items-center font-semibold py-2 px-4 rounded-full !no-underline !text-white dark:text-gray-900 bg-purple-600 dark:bg-purple-400 hover:bg-pink-500">
       <span class="icon--bold pt-1 md:pt-0 mr-1">
         {% tablericon "receipt-2" "Receipt" "{width: 20, height: 20}" %}
       </span>
diff --git a/src/_includes/webrings/css-joy.liquid b/src/_includes/webrings/css-joy.liquid
index 2c1ae44b..6a605681 100644
--- a/src/_includes/webrings/css-joy.liquid
+++ b/src/_includes/webrings/css-joy.liquid
@@ -9,7 +9,7 @@
       {% tablericon "arrow-left" "Previous site" %}
     </a>
     <div class="flex justify-center">
-      <a href="https://webri.ng/webring/cssjoy/random?via=https://coryd.dev/webrings" class="icon--bold mx-4 flex flex-row items-center font-semibold p-2 rounded-full !no-underline !text-white dark:text-gray-900 bg-purple-600 dark:bg-purple-400 hover:bg-purple-500 icon--24">
+      <a href="https://webri.ng/webring/cssjoy/random?via=https://coryd.dev/webrings" class="icon--bold mx-4 flex flex-row items-center font-semibold p-2 rounded-full !no-underline !text-white dark:text-gray-900 bg-purple-600 dark:bg-purple-400 hover:bg-pink-500 icon--24">
         {% tablericon "dice-3" "Random site" %}
       </a>
     </div>
diff --git a/src/_includes/webrings/the-claw.liquid b/src/_includes/webrings/the-claw.liquid
index 1c09092c..466e9bf1 100644
--- a/src/_includes/webrings/the-claw.liquid
+++ b/src/_includes/webrings/the-claw.liquid
@@ -6,7 +6,7 @@
     The Claw Webring
   </h3>
   <div class="flex justify-center">
-    <a href="https://github.com/whitep4nth3r/the-claw-webring" class="flex flex-row items-start md:items-center font-semibold py-2 px-4 rounded-full !no-underline !text-white dark:text-gray-900 bg-purple-600 dark:bg-purple-400 hover:bg-purple-500">
+    <a href="https://github.com/whitep4nth3r/the-claw-webring" class="flex flex-row items-start md:items-center font-semibold py-2 px-4 rounded-full !no-underline !text-white dark:text-gray-900 bg-purple-600 dark:bg-purple-400 hover:bg-pink-500">
         <span class="icon--bold pt-1 md:pt-0 mr-1 icon--20">
           {% tablericon "user-plus" "Join!" %}
         </span>