diff --git a/index.html b/index.html
index 16da5e2..bfbca5f 100644
--- a/index.html
+++ b/index.html
@@ -21,8 +21,8 @@
 <body>
 <nav>
     <a data-link="about" tabindex="1" href="#about">About me</a>
-    <a data-link="projects" tabindex="2" href="#projects">Projects</a>
     <a data-link="socials" tabindex="3" href="#socials">Socials</a>
+    <a data-link="projects" tabindex="2" href="#projects">Projects</a>
 </nav>
 <main>
     <section id="about">
@@ -43,6 +43,52 @@
         </article>
     </section>
     <hr>
+    <section id="socials">
+        <h2>Socials</h2>
+        <article>
+            <a href="https://github.com/YouHaveTrouble" class="social-link" target="_blank" rel="external">
+                <img src="img/icon/github.svg" alt="GitHub" draggable="false" loading="lazy">
+                <span>GitHub</span>
+            </a>
+            <a href="https://discord.youhavetrouble.me" class="social-link" target="_blank" rel="external">
+                <img src="img/icon/discord.svg" alt="Discord" draggable="false" loading="lazy">
+                <span>Discord</span>
+            </a>
+            <a href="https://ko-fi.com/youhavetrouble" class="social-link" target="_blank" rel="external">
+                <img src="img/icon/kofi.svg" alt="Ko-fi" draggable="false" loading="lazy">
+                <span>Ko-fi</span>
+            </a>
+            <a href="https://steamcommunity.com/id/YouHavetrouble" class="social-link" target="_blank" rel="external">
+                <img src="img/icon/steam.svg" alt="Steam" draggable="false" loading="lazy">
+                <span>Steam</span>
+            </a>
+            <a href="https://www.youtube.com/@YouHaveTrouble" class="social-link" target="_blank" rel="external">
+                <img src="img/icon/youtube.svg" alt="YouTube" draggable="false" loading="lazy">
+                <span>YouTube</span>
+            </a>
+            <a href="https://modrinth.com/user/YouHaveTrouble" class="social-link" target="_blank" rel="external">
+                <img src="img/icon/modrinth.svg" alt="Modrinth" draggable="false" loading="lazy">
+                <span>Modrinth</span>
+            </a>
+            <a href="https://modrinth.com/user/YouHaveTrouble" class="social-link" target="_blank" rel="external">
+                <img src="img/icon/wakatime.svg" alt="WakaTime" draggable="false" loading="lazy">
+                <span>WakaTime</span>
+            </a>
+            <a href="https://open.spotify.com/user/11144490753" class="social-link" target="_blank" rel="external">
+                <img src="img/icon/spotify.svg" alt="Spotify" draggable="false" loading="lazy">
+                <span>Spotify</span>
+            </a>
+            <a href="https://www.linkedin.com/in/pawel-youhavetrouble-michalewski/" class="social-link" target="_blank" rel="external">
+                <img src="img/icon/linkedin.svg" alt="LinkedIn" draggable="false" loading="lazy">
+                <span>LinkedIn</span>
+            </a>
+            <a href="mailto://contact@youhavetrouble.me" class="social-link" target="_blank" rel="external">
+                <img src="img/icon/email.svg" alt="Email" draggable="false" loading="lazy">
+                <span>Email</span>
+            </a>
+        </article>
+    </section>
+    <hr>
     <section id="projects">
         <h2>Projects</h2>
         <div class="project-scroller">
@@ -215,52 +261,6 @@
             </article>
         </div>
     </section>
-    <hr>
-    <section id="socials">
-        <h2>Socials</h2>
-        <article>
-            <a href="https://github.com/YouHaveTrouble" class="social-link" target="_blank" rel="external">
-                <img src="img/icon/github.svg" alt="GitHub" draggable="false" loading="lazy">
-                <span>GitHub</span>
-            </a>
-            <a href="https://discord.youhavetrouble.me" class="social-link" target="_blank" rel="external">
-                <img src="img/icon/discord.svg" alt="Discord" draggable="false" loading="lazy">
-                <span>Discord</span>
-            </a>
-            <a href="https://ko-fi.com/youhavetrouble" class="social-link" target="_blank" rel="external">
-                <img src="img/icon/kofi.svg" alt="Ko-fi" draggable="false" loading="lazy">
-                <span>Ko-fi</span>
-            </a>
-            <a href="https://steamcommunity.com/id/YouHavetrouble" class="social-link" target="_blank" rel="external">
-                <img src="img/icon/steam.svg" alt="Steam" draggable="false" loading="lazy">
-                <span>Steam</span>
-            </a>
-            <a href="https://www.youtube.com/@YouHaveTrouble" class="social-link" target="_blank" rel="external">
-                <img src="img/icon/youtube.svg" alt="YouTube" draggable="false" loading="lazy">
-                <span>YouTube</span>
-            </a>
-            <a href="https://modrinth.com/user/YouHaveTrouble" class="social-link" target="_blank" rel="external">
-                <img src="img/icon/modrinth.svg" alt="Modrinth" draggable="false" loading="lazy">
-                <span>Modrinth</span>
-            </a>
-            <a href="https://modrinth.com/user/YouHaveTrouble" class="social-link" target="_blank" rel="external">
-                <img src="img/icon/wakatime.svg" alt="WakaTime" draggable="false" loading="lazy">
-                <span>WakaTime</span>
-            </a>
-            <a href="https://open.spotify.com/user/11144490753" class="social-link" target="_blank" rel="external">
-                <img src="img/icon/spotify.svg" alt="Spotify" draggable="false" loading="lazy">
-                <span>Spotify</span>
-            </a>
-            <a href="https://www.linkedin.com/in/pawel-youhavetrouble-michalewski/" class="social-link" target="_blank" rel="external">
-                <img src="img/icon/linkedin.svg" alt="LinkedIn" draggable="false" loading="lazy">
-                <span>LinkedIn</span>
-            </a>
-            <a href="mailto://contact@youhavetrouble.me" class="social-link" target="_blank" rel="external">
-                <img src="img/icon/email.svg" alt="Email" draggable="false" loading="lazy">
-                <span>Email</span>
-            </a>
-        </article>
-    </section>
 </main>
 
 </body>
