diff --git a/src/components/sections/IntroComponent.svelte b/src/components/sections/IntroComponent.svelte
index fb09413..b212fe0 100644
--- a/src/components/sections/IntroComponent.svelte
+++ b/src/components/sections/IntroComponent.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { onMount } from "svelte";
-    // import Socials from "../elements/Socials.svelte";
+    import Socials from "../elements/Socials.svelte";
 
     // Roles
     let roles = $state(["Developer", "Streamer", "Content creator", "Student"]);
@@ -159,7 +159,7 @@
             <b>data science</b>.
         </p>
         <div class="mt-5 flex flex-row items-center justify-center">
-            <!-- <Socials /> -->
+            <Socials />
         </div>
     </div>
 </div>
diff --git a/src/components/sections/MoreProjects.svelte b/src/components/sections/MoreProjects.svelte
index 25b0f67..71aabaf 100644
--- a/src/components/sections/MoreProjects.svelte
+++ b/src/components/sections/MoreProjects.svelte
@@ -24,10 +24,13 @@
                 video.addEventListener("mouseenter", () => {
                     if (userInteracted) {
                         video.volume = 0.2;
+                        video.muted = false;
+                        video.play();
                     } else {
+                        video.volume = 0;
                         video.muted = true;
+                        video.play();
                     }
-                    video.play();
                 });
 
                 video.addEventListener("mouseleave", () => {