diff --git a/src/components/Icons.astro b/src/components/Icons.astro
index 4597374..4ca4516 100644
--- a/src/components/Icons.astro
+++ b/src/components/Icons.astro
@@ -8,7 +8,7 @@ import { Icon } from "astro-icon";
   </a>
   <a class="group relative" href="https://discord.com/users/134306884617371648" target="_blank">
     <Icon class="hover:text-[#5865F2]" name="mdi:discord" />
-    <img class="xl:group-hover:opacity-100 absolute top-10 left-8 z-10 transition-opacity max-w-none opacity-0 pointer-events-none" src="https://lanyard.cnrad.dev/api/134306884617371648?hideDiscrim=true" alt="Discord Presence">
+    <img class="xl:group-hover:opacity-100 absolute top-10 left-8 z-10 transition-opacity xl:max-w-none opacity-0 pointer-events-none" src="https://lanyard.cnrad.dev/api/134306884617371648?hideDiscrim=true" alt="Discord Presence">
   </a>
   <a rel="me" href="https://infosec.exchange/@artie" target="_blank">
     <Icon class="hover:text-[#6364FF]" title="@artie@infosec.exchange" name="mdi:mastodon" />