From b3c896ed8ff9f6f7a09202e8225c3bc794e4b43d Mon Sep 17 00:00:00 2001
From: Ryan Lalchand <70449616+ryanlalchand@users.noreply.github.com>
Date: Sun, 7 Jul 2024 17:39:30 -0400
Subject: [PATCH] surrendering to the font awesome gods... no icons for right
 now, I guess

---
 src/components/SocialIcons.astro |  9 +++++++++
 src/layouts/Layout.astro         | 14 ++++++++++++++
 2 files changed, 23 insertions(+)

diff --git a/src/components/SocialIcons.astro b/src/components/SocialIcons.astro
index e872471..10e6bf6 100644
--- a/src/components/SocialIcons.astro
+++ b/src/components/SocialIcons.astro
@@ -47,6 +47,9 @@ const links = [
   .social-icons a {
     color: #000;
     font-size: 1.5rem;
+    display: flex;
+    align-items: center;
+    height: 24px; /* Ensure height is set */
   }
 
   .social-icons a:hover {
@@ -60,4 +63,10 @@ const links = [
   .social-icons a[aria-label="MuckRack"]:hover {
     color: #1da1f2; /* MuckRack color */
   }
+
+  .social-icons svg {
+    width: 24px;
+    height: 24px;
+    fill: currentColor; /* Ensure the fill color is set */
+  }
 </style>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 19d21b0..f728dc3 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -35,6 +35,20 @@ const { title } = Astro.props;
           <li>
             <a href="/contact" class="text-gray-600 hover:underline">Contact</a>
           </li>
+          <li>
+            <a
+              href="https://muckrack.com/hayleyshasteen"
+              class="text-gray-600 hover:underline"
+            >
+              Muck Rack
+            </a>
+          </li>
+          <li>
+            <a
+              href="https://www.linkedin.com/in/hayleylalchand/"
+              class="text-gray-600 hover:underline">LinkedIn</a
+            >
+          </li>
         </ul>
       </nav>
     </header>