diff --git a/src/lib/elements/Social.svelte b/src/lib/elements/Social.svelte
index d97682e..fca7a8b 100644
--- a/src/lib/elements/Social.svelte
+++ b/src/lib/elements/Social.svelte
@@ -6,6 +6,6 @@
 </script>
 
 <a href={href} class="flex flex-col items-center gap-1 justify-center hover:scale-110 duration-100" target={target}>
-    <span class="text-6xl">{icon}</span>
-    <span class="text-sm text-gray-200 text-center">{text}</span>
+    <span class="text-4xl lg:text-6xl">{icon}</span>
+    <span class="text-xs lg:text-sm text-gray-200 text-center">{text}</span>
 </a>
\ No newline at end of file