diff --git a/packages/components/src/env/GetWebsiteLink.ts b/packages/components/src/env/GetWebsiteLink.ts
new file mode 100644
index 0000000000..d675f4a54e
--- /dev/null
+++ b/packages/components/src/env/GetWebsiteLink.ts
@@ -0,0 +1,10 @@
+import { GetWebsite } from "./GetWebsite";
+
+export const GetWebsiteLink = (rootedPath: string): string => {
+  const website = GetWebsite();
+  if (rootedPath.startsWith("/")) {
+    return `${website.link}${rootedPath}`;
+  } else {
+    return `${website.link}/${rootedPath}`;
+  }
+};
diff --git a/packages/fakeyou.com/src/v2/view/pages/media/MediaPage.tsx b/packages/fakeyou.com/src/v2/view/pages/media/MediaPage.tsx
index ec1eaec6de..ea29889c34 100644
--- a/packages/fakeyou.com/src/v2/view/pages/media/MediaPage.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/media/MediaPage.tsx
@@ -44,6 +44,7 @@ import { GetMediaFileTitle } from "common/GetMediaFileTitle";
 import { STYLES_BY_KEY } from "common/StyleOptions";
 import { faStarShooting } from "@fortawesome/pro-duotone-svg-icons";
 import { usePrefixedDocumentTitle } from "common/UsePrefixedDocumentTitle";
+import { GetWebsiteLink } from "@storyteller/components/src/env/GetWebsiteLink";
 
 export default function MediaPage() {
   const { canAccessStudio, canEditMediaFile, canBanUsers, user } = useSession();
@@ -354,9 +355,10 @@ export default function MediaPage() {
   let downloadLink =
     activeSlide.url || bucketConfig.getGcsUrl(mediaFile?.public_bucket_path);
 
-  const shareUrl = `https://fakeyou.com/media/${
-    activeSlide.token || mediaFile?.token || ""
-  }`;
+  const sharePath = `/media/${activeSlide.token || mediaFile?.token || ""}`;
+
+  const shareUrl = GetWebsiteLink(sharePath);
+
   const shareText = "Check out this media on FakeYou.com!";
 
   if (status < 3)