diff --git a/src/assets/bluesky.svg b/src/assets/bluesky.svg
new file mode 100644
index 00000000..869cc3de
--- /dev/null
+++ b/src/assets/bluesky.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-0.5 -0.5 16 16" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" id="Brand-Bluesky--Streamline-Tabler" height="24" width="24">
+  <desc>Brand Bluesky Streamline Icon: https://streamlinehq.com</desc>
+  <path d="M3.959375 3.215C2.925625 2.4656249999999997 1.25 1.8856249999999999 1.25 3.7312499999999997c0 0.36874999999999997 0.21875 3.095625 0.34750000000000003 3.538125C2.043125 8.80875 3.55375 8.988125 5 8.75c-2.528125 0.415625 -3.055625 2.005 -1.6668749999999999 3.38125C3.976875 12.7675 4.5287500000000005 13.125 5 13.125c1.25 0 1.95875 -1.730625 2.1875 -2.1875 0.208125 -0.416875 0.3125 -0.729375 0.3125 -0.9375 0 0.208125 0.10437500000000001 0.520625 0.3125 0.9375 0.22875 0.456875 0.9375 2.1875 2.1875 2.1875 0.47125 0 1.023125 -0.35687499999999994 1.6668749999999999 -0.99375C13.055625 10.754375 12.528125000000001 9.165 10 8.75c1.44625 0.2375 2.9562500000000003 0.05875 3.4025 -1.480625 0.12875 -0.4425 0.34750000000000003 -3.17 0.34750000000000003 -3.538125 0 -1.8456249999999998 -1.675 -1.265625 -2.709375 -0.51625C9.6075 4.25375 8.065624999999999 6.37 7.5 7.5c-0.565625 -1.1300000000000001 -2.1075 -3.24625 -3.540625 -4.285z" stroke-width="1"></path>
+</svg>
\ No newline at end of file
diff --git a/src/components/footer/footer.module.css b/src/components/footer/footer.module.css
index cc32ad2a..739d30be 100644
--- a/src/components/footer/footer.module.css
+++ b/src/components/footer/footer.module.css
@@ -1,6 +1,6 @@
 .footer {
   background-color: var(--color-tertiary);
-  padding: var(--size-fluid-1) var(--size-fluid-3);
+  padding: var(--size-fluid-1);
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
@@ -17,10 +17,7 @@
 
 .logo svg {
   width: 150px;
-}
-
-.logo svg g.letters {
-  fill: var(--color-white);
+  fill: var(--color-gray);
 }
 
 .footer app-social-tray {
diff --git a/src/components/social-tray/social-tray.js b/src/components/social-tray/social-tray.js
index 8cd7a548..5bae221d 100644
--- a/src/components/social-tray/social-tray.js
+++ b/src/components/social-tray/social-tray.js
@@ -2,6 +2,7 @@ import styles from "./social-tray.module.css";
 import discordIcon from "../../assets/discord.svg?type=raw";
 import githubIcon from "../../assets/github.svg?type=raw";
 import twitterIcon from "../../assets/twitter-logo.svg?type=raw";
+import blueskyIcon from "../../assets/bluesky.svg?type=raw";
 
 export default class SocialTray extends HTMLElement {
   connectedCallback() {
@@ -18,6 +19,12 @@ export default class SocialTray extends HTMLElement {
             ${discordIcon}
           </a>
         </li>
+		
+        <li class="${styles.socialIcon}">
+          <a href="https://bsky.app/profile/projectevergreen.bsky.social" title="BlueSky">
+            ${blueskyIcon}
+          </a>
+        </li>
 
         <li class="${styles.socialIcon}">
           <a href="https://twitter.com/PrjEvergreen" title="Twitter">
diff --git a/src/components/social-tray/social-tray.spec.js b/src/components/social-tray/social-tray.spec.js
index 8fe4d84f..deace926 100644
--- a/src/components/social-tray/social-tray.spec.js
+++ b/src/components/social-tray/social-tray.spec.js
@@ -10,6 +10,10 @@ const ICONS = [
     link: "/discord/",
     title: "Discord",
   },
+  {
+    link: "https://bsky.app/profile/projectevergreen.bsky.social",
+    title: "BlueSky",
+  },
   {
     link: "https://twitter.com/PrjEvergreen",
     title: "Twitter",
@@ -37,8 +41,8 @@ describe("Components/Social Tray", () => {
       const links = tray.querySelectorAll("ul li a");
       const icons = tray.querySelectorAll("ul li a svg");
 
-      expect(links.length).to.equal(3);
-      expect(icons.length).to.equal(3);
+      expect(links.length).to.equal(4);
+      expect(icons.length).to.equal(4);
 
       Array.from(links).forEach((link) => {
         const iconItem = ICONS.find((icon) => icon.title === link.getAttribute("title"));