diff --git a/public/mercury.svg b/src/assets/mercury.svg
similarity index 100%
rename from public/mercury.svg
rename to src/assets/mercury.svg
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index a1d7633..50b9cdf 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -3,9 +3,11 @@ import '../styles/global.css';
 import Search from '../components/Search.astro';
 import ThemeSwitcher from '../components/ThemeSwitcher.astro';
 import BackToTop from "../components/BackToTop.astro";
-import { siteConfig } from "../config";
 import Meta from "../components/helper/head/Meta.astro";
 
+import { siteConfig } from "../config";
+import Logo from '../assets/mercury.svg'
+
 interface Props {
   title: string;
   description: string;
@@ -65,7 +67,7 @@ const { title = pageTitle, description = siteConfig.description, ogImage = "" }
       </div>
       <div class="container">
         <Fragment set:html={customFooter} />
-        <p>Powered by <a href="https://git.gb0.dev/gb/mercury"><img src="/mercury.svg" width="16px" alt="mercury logo" /> mercury</a></p>
+        <p>Powered by <a href="https://git.gb0.dev/gb/mercury" target="_blank"><Logo width={16} height={16} /> mercury</a></p>
       </div>
     </footer>
     { siteConfig.neko.enabled &&
diff --git a/src/styles/global.css b/src/styles/global.css
index f211a81..b20c67a 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -134,7 +134,7 @@ main {
   opacity: 0.7;
 }
 
-.footer img {
+.footer svg {
   vertical-align: middle;
 }