diff --git a/src/lib/components/atoms/SocialButton.svelte b/src/lib/components/atoms/SocialButton.svelte
index 70de19f..6f88cb9 100644
--- a/src/lib/components/atoms/SocialButton.svelte
+++ b/src/lib/components/atoms/SocialButton.svelte
@@ -36,4 +36,8 @@
 	button:hover {
 		transform: translate(-5%, -5%);
 	}
+
+	button:hover img {
+		filter: brightness(1.2);
+	}
 </style>
diff --git a/src/lib/components/molecules/ContributorHost.svelte b/src/lib/components/molecules/ContributorHost.svelte
index 9785462..3a2b5f0 100644
--- a/src/lib/components/molecules/ContributorHost.svelte
+++ b/src/lib/components/molecules/ContributorHost.svelte
@@ -32,19 +32,13 @@
 </div>
 
 <style>
-	div {
-		display: grid;
-		grid-column: 9;
-		gap: 100px;
-		grid-column-start: 1;
-		grid-column-end: 9;
-	}
+
     .social-host {
         width: 100;
-        justify-content: space-between;
 		align-items: center;
-        display: flex;
         margin-left: 5rem;
         margin-right: 5rem;
+        display: grid;
+        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
     }
 </style>
\ No newline at end of file
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index f9a6419..944a9f1 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -2,7 +2,6 @@
 	import IndexDescription from '$lib/components/organisms/IndexDescription.svelte';
 	import Wave from '$lib/components/atoms/Wave.svelte';
 	import HeroImage from '$lib/components/atoms/HeroImage.svelte';
-	import SocialHost from '$lib/components/molecules/SocialHost.svelte';
 </script>
 
 <div class="wrapper">