diff --git a/src/components/Head.astro b/src/components/Head.astro
index ab3e8944f..0a37a1c99 100644
--- a/src/components/Head.astro
+++ b/src/components/Head.astro
@@ -1,6 +1,8 @@
 ---
 import type { Props } from "@astrojs/starlight/props";
 import DefaultHead from "@astrojs/starlight/components/Head.astro";
+
+const logo = new URL("/sern-logo.png", Astro.url);
 ---
 
 <DefaultHead {...Astro.props}><slot /></DefaultHead>
@@ -12,7 +14,7 @@ import DefaultHead from "@astrojs/starlight/components/Head.astro";
 <meta property="og:url" content="https://sern.dev" />
 <meta property="og:type" content="website" />
 <meta property="og:image:alt" content="sern logo" />
-<meta property="og:image" content="/sern-logo.png" />
+<meta property="og:image" content={logo} />
 <meta property="og:image:height" content="512" />
 <meta property="og:image:width" content="1024" />
 <meta name="theme-color" content="#F25186" />
@@ -25,6 +27,6 @@ import DefaultHead from "@astrojs/starlight/components/Head.astro";
   name="twitter:description"
   content="A modular, customizable, fast Discord.js framework to streamline bot development"
 />
-<meta name="twitter:image" content="/sern-logo.png" />
+<meta name="twitter:image" content={logo} />
 <meta name="twitter:url" content="https://sern.dev" />
 <meta property="twitter:site" content="@sern-handler" />