diff --git a/public/includes/nav.html b/public/includes/nav.html
index 20ec434..4ddccc7 100644
--- a/public/includes/nav.html
+++ b/public/includes/nav.html
@@ -18,7 +18,12 @@
           <a class="nav-link" href="/#over-mij">Over mij</a>
         </li>
         <li class="nav-item">
-          <a class="btn btn-primary" href="#contact">Contact</a>
+          <a class="nav-link btn btn-primary" href="/#contact">Contact</a>
+        </li>
+        <li class="nav-item socials">
+          <a class="nav-link" href="https://www.instagram.com/vandevliet.fpv" target="_blank" rel="noopener noreferrer" title="Vandevliet Aerial Shots on Instagram" aria-label="Vandevliet Aerial Shots on Instagram"><i class="fab fa-instagram"></i></a>
+          <a class="nav-link" href="https://www.youtube.com/@vandevliet-fpv" target="_blank" rel="noopener noreferrer" title="Vandevliet Aerial Shots on YouTube" aria-label="Vandevliet Aerial Shots on YouTube"><i class="fab fa-youtube"></i></a>
+          <a class="nav-link" href="https://www.linkedin.com/company/vdv-as" target="_blank" rel="noopener noreferrer" title="Vandevliet Aerial Shots on LinkedIn" aria-label="Vandevliet Aerial Shots on LinkedIn"><i class="fab fa-linkedin"></i></a>
         </li>
       </ul>
     </div>
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index b524d62..6d0a96f 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -228,7 +228,7 @@ body.is-scrolled .navbar {
 
   .nav-link,
   .btn {
-    @extend .text-white;
+    // @extend .text-white;
     font-family: $ff-header;
   }
 }
@@ -243,11 +243,34 @@ body.is-scrolled .navbar {
   }
 }
 
-.navbar-nav .btn {
-  margin-left: var(--bs-navbar-nav-link-padding-x);
-  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
-  padding-right: var(--bs-navbar-nav-link-padding-x);
-  padding-left: var(--bs-navbar-nav-link-padding-x);
+.socials {
+  display: flex;
+  gap: .5rem;
+}
+
+.navbar-nav {
+  .btn {
+    border: none;
+    padding-top: var(--bs-nav-link-padding-y);
+    padding-bottom: var(--bs-nav-link-padding-y);
+  }
+
+  .socials {
+    @extend .justify-content-center;
+  }
+
+  // navbar-expand-lg
+  @include media-breakpoint-up(lg) {
+
+    .btn:not(.btn+.btn),
+    .socials a:not(a+a) {
+      margin-left: var(--bs-navbar-nav-link-padding-x);
+    }
+
+    .socials {
+      gap: 0;
+    }
+  }
 }
 
 .row {
@@ -259,7 +282,7 @@ img.grayscale-effect {
   transition: filter 0.2s;
 }
 
-*:not(:hover) img.grayscale-effect {
+:not(:hover) img.grayscale-effect {
   filter: grayscale(80%);
 }
 
@@ -347,11 +370,6 @@ img.grayscale-effect {
   border-width: 3px 0 0 0 !important;
 }
 
-.socials {
-  display: flex;
-  gap: .5rem;
-}
-
 .scrollto-highlight {
   position: relative;
   overflow: hidden;