diff --git a/public/bluesky.png b/public/bluesky.png
new file mode 100644
index 000000000..82dc46e2d
Binary files /dev/null and b/public/bluesky.png differ
diff --git a/public/mastodon.png b/public/mastodon.png
new file mode 100644
index 000000000..9d813e7f2
Binary files /dev/null and b/public/mastodon.png differ
diff --git a/src/components/bar.tsx b/src/components/bar.tsx
index 99f9364f8..b41198f02 100644
--- a/src/components/bar.tsx
+++ b/src/components/bar.tsx
@@ -8,7 +8,6 @@ import {
 } from "@mui/material"
 import HomeIcon from "@mui/icons-material/Home"
 import SportsEsportsIcon from "@mui/icons-material/SportsEsports"
-import TwitterIcon from "@mui/icons-material/Twitter"
 import GitHubIcon from "@mui/icons-material/GitHub"
 import InfoIcon from "@mui/icons-material/Info"
 import GroupIcon from "@mui/icons-material/Group"
@@ -47,15 +46,29 @@ export function Bar() {
         <IconButton
           size="large"
           color="inherit"
-          href="https://twitter.com/PMD_Spritebot"
+          href="https://bsky.app/profile/pmd-spritebot.bsky.social"
         >
-          <TwitterIcon />
+          <img src="/bluesky.png" alt="Bluesky Logo" width="24"/>
           {!isMobile && (
             <Typography variant="h6" ml={0.5}>
-              Twitter
+              Bluesky
             </Typography>
           )}
         </IconButton>
+
+        <IconButton
+          size="large"
+          color="inherit"
+          href="https://guild.pmdcollab.org/@spritebot"
+        >
+          <img src="/mastodon.png" alt="Mastodon Logo" width="24"/>
+          {!isMobile && (
+            <Typography variant="h6" ml={0.5}>
+              Mastodon
+            </Typography>
+          )}
+        </IconButton>
+
         <IconButton
           size="large"
           color="inherit"
diff --git a/src/components/sprite-preview.tsx b/src/components/sprite-preview.tsx
index eea1032e2..959982f49 100644
--- a/src/components/sprite-preview.tsx
+++ b/src/components/sprite-preview.tsx
@@ -18,12 +18,8 @@ interface Props {
 // TODO: move util function somewhere else perhaps? it's only for type checking
 const isCopyOf = (sprite: SpriteUnion): sprite is CopyOf => sprite.__typename === "CopyOf";
 function getOriginalSprite(sprite: SpriteUnion, actions: SpriteUnion[]): Sprite {
-  if (!isCopyOf(sprite)) {
-    return sprite;
-  }
-  while (isCopyOf(sprite)) {
-    // typescript WHYYYYY i made a type guard just for this situation
-    sprite = actions.find(action => action.action === (sprite as CopyOf).copyOf)!;
+  if (isCopyOf(sprite)) {
+    return getOriginalSprite(actions.find(action => action.action === sprite.copyOf)!, actions);
   }
   return sprite;
 }