diff --git a/OliverBooth/Pages/Shared/_Layout.cshtml b/OliverBooth/Pages/Shared/_Layout.cshtml
index 5dc3952..06af13e 100644
--- a/OliverBooth/Pages/Shared/_Layout.cshtml
+++ b/OliverBooth/Pages/Shared/_Layout.cshtml
@@ -91,8 +91,8 @@
         <ul class="footer-nav">
             <li>&copy; @DateTime.UtcNow.Year</li>
             <li><a asp-page="/privacy/index">Privacy</a></li>
-            <li><a href="https://mastodon.olivr.me/@@oliver" rel="me"><i class="fa-brands fa-mastodon"></i></a></li>
-            <li><a href="https://www.linkedin.com/in/oliverlukebooth/"><i class="fa-brands fa-linkedin"></i></a></li>
+            <li><a href="https://mastodon.olivr.me/@@oliver" rel="me" class="brand-mastodon"><i class="fa-brands fa-mastodon"></i></a></li>
+            <li><a href="https://www.linkedin.com/in/oliverlukebooth/" class="brand-linkedin"><i class="fa-brands fa-linkedin"></i></a></li>
             <li><a asp-controller="Rss" asp-action="OnGet"><i class="fa-solid fa-rss text-orange"></i></a></li>
         </ul>
     </div>
diff --git a/src/scss/app.scss b/src/scss/app.scss
index 4e2ce14..080f7e4 100644
--- a/src/scss/app.scss
+++ b/src/scss/app.scss
@@ -278,4 +278,26 @@ a.bmc-btn {
       margin-right: 0;
     }
   }
+}
+
+a.brand-mastodon {
+  &:link, &:visited, &:hover, &:active {
+    text-decoration: none;
+    color: #5a48dd;
+  }
+
+  &:hover {
+    color: #fff;
+  }
+}
+
+a.brand-linkedin {
+  &:link, &:visited, &:hover, &:active {
+    text-decoration: none;
+    color: #0077b5;
+  }
+
+  &:hover {
+    color: #fff;
+  }
 }
\ No newline at end of file