diff --git a/src/components/Icons.astro b/src/components/Icons.astro
index ec72842..5703799 100644
--- a/src/components/Icons.astro
+++ b/src/components/Icons.astro
@@ -7,19 +7,19 @@ import { Icon } from "astro-icon";
     <Icon name="mdi:github" />
   </a>
   <a href="https://discord.com/users/134306884617371648" target="_blank">
-    <Icon title="artie#9307" name="mdi:discord" />
+    <Icon class="hover:text-[#5865F2]" title="artie#9307" name="mdi:discord" />
   </a>
   <a rel="me" href="https://infosec.exchange/@artie" target="_blank">
-    <Icon title="@artie@infosec.exchange" name="mdi:mastodon" />
+    <Icon class="hover:text-[#6364FF]" title="@artie@infosec.exchange" name="mdi:mastodon" />
   </a>
   <a href="https://twitter.com/artiepun" target="_blank">
-    <Icon name="mdi:twitter" />
+    <Icon class="hover:text-[#1DA1F2]" name="mdi:twitter" />
   </a>
   <a href="https://anilist.co/user/artie" target="_blank">
-    <Icon name="simple-icons:anilist" />
+    <Icon class="hover:text-[#02A9FF]" name="simple-icons:anilist" />
   </a>
   <a href="https://megumin.eu" target="_blank">
-    <Icon name="wizard-hat" />
+    <Icon class="hover:text-[#C24448]" name="wizard-hat" />
   </a>
 </div>