diff --git a/src/lib/components/SocialHyperlink.svelte b/src/lib/components/SocialHyperlink.svelte
index 93920e9..27efb4c 100644
--- a/src/lib/components/SocialHyperlink.svelte
+++ b/src/lib/components/SocialHyperlink.svelte
@@ -13,9 +13,7 @@
 
 <a {href} class="{className} group inline-block" target={isLinkLocal(href) ? '_self' : '_blank'}>
 	<span
-		class="inline-block {sm.current
-			? 'size-8 rounded-xl p-1'
-			: 'size-6 rounded-sm p-0.5'} bg-emerald-800 align-bottom transition-all group-hover:scale-110"
+		class="inline-block size-6 rounded-sm bg-emerald-800 p-0.5 align-bottom transition-all group-hover:scale-110 sm:size-8 sm:rounded-xl sm:p-1"
 	>
 		<HoverIcon src={customIcon ?? tryGetIcon(href)} text={href} size={sm.current ? 24 : 20} />
 	</span>