diff --git a/src/lib/components/molecules/SocialHost.svelte b/src/lib/components/molecules/SocialHost.svelte
index d4696ff..240fce3 100644
--- a/src/lib/components/molecules/SocialHost.svelte
+++ b/src/lib/components/molecules/SocialHost.svelte
@@ -13,6 +13,8 @@
     .social-host {
 
         justify-content: space-between;
+        position: absolute;
+        margin-left: 6rem;
 		align-items: center;
         display: inline-block;
         transform: translateY(380%);
diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte
index f0146f6..674d241 100644
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@@ -2,6 +2,8 @@
 
 import Button from "$lib/components/atoms/Button.svelte";
 import NavHost from "$lib/components/molecules/NavHost.svelte";
+import SocialButton from "$lib/components/atoms/SocialButton.svelte";
+import SocialHost from "$lib/components/molecules/SocialHost.svelte";
 
 </script>
 
@@ -25,7 +27,7 @@ import NavHost from "$lib/components/molecules/NavHost.svelte";
 
 <NavHost></NavHost>
 <slot />
-
+<SocialHost />
 
 <style>
 	:global(*) {
@@ -56,6 +58,7 @@ import NavHost from "$lib/components/molecules/NavHost.svelte";
 		--grey-two: #2b2d3a;
 		--grey-three: #3e404f;
 		--grey-four: #1B1E29;
+		--grey-five: #D0D0D0;
 	}
 
 	:global(::selection) {
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 9302815..f9a6419 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -8,7 +8,6 @@
 <div class="wrapper">
 	<IndexDescription />
 	<HeroImage />
-	<SocialHost />
 </div>
 
 <Wave />