diff --git a/src/components/Bookmarklet.svelte b/src/components/Footer.svelte
similarity index 57%
rename from src/components/Bookmarklet.svelte
rename to src/components/Footer.svelte
index c444615..ef82735 100644
--- a/src/components/Bookmarklet.svelte
+++ b/src/components/Footer.svelte
@@ -2,18 +2,26 @@
   const href = "javascript:(function(){window.open('https://disperse.social/share?url='+encodeURIComponent(location.href),'disperse','width=540,height=800');})();";
 </script>
 
-<div class="bookmarklet-wrap">
-  <p class="bookmarklet-label">Drag to your bookmarks bar for one-click sharing</p>
-  <!-- svelte-ignore a11y_invalid_attribute -->
-  <a class="bookmarklet-link" {href} draggable="true">Share with Disperse</a>
-</div>
+<footer>
+  <div class="bookmarklet-wrap">
+    <p class="bookmarklet-label">Drag to your bookmarks bar for one-click sharing</p>
+    <!-- svelte-ignore a11y_invalid_attribute -->
+    <a class="bookmarklet-link" {href} draggable="true">Share with Disperse</a>
+  </div>
+
+  <p class="made-by">Made by <a href="https://bsky.app/profile/quillmatiq.com" target="_blank" rel="noopener">@quillmatiq.com</a></p>
+</footer>
 
 <style>
-  .bookmarklet-wrap {
+  footer {
     margin-top: 1.25rem;
     text-align: center;
   }
 
+  .bookmarklet-wrap {
+    margin-bottom: 0.75rem;
+  }
+
   .bookmarklet-label {
     font-size: 0.75rem;
     color: var(--muted);
@@ -43,4 +51,19 @@
   .bookmarklet-link:active {
     cursor: grabbing;
   }
+
+  .made-by {
+    font-size: 0.75rem;
+    color: var(--muted);
+  }
+
+  .made-by a {
+    color: var(--muted);
+    text-decoration: underline;
+    text-underline-offset: 2px;
+  }
+
+  .made-by a:hover {
+    color: var(--text);
+  }
 </style>
diff --git a/src/components/LoginScreen.astro b/src/components/LoginScreen.astro
index 51f2da8..588a5f5 100644
--- a/src/components/LoginScreen.astro
+++ b/src/components/LoginScreen.astro
@@ -1,6 +1,6 @@
 ---
 import disperseLogo from '../assets/disperse-logo.svg?url';
-import Bookmarklet from './Bookmarklet.svelte';
+import Footer from './Footer.svelte';
 ---
 <script src="../scripts/login.ts"></script>
 <script>
@@ -56,7 +56,7 @@ import Bookmarklet from './Bookmarklet.svelte';
   <div id="login-status" class="status"></div>
 </section>
 
-<Bookmarklet />
+<Footer client:load />
 
 <style>
   .login-header {
diff --git a/src/components/ShareScreen.svelte b/src/components/ShareScreen.svelte
index 0154d02..0d91063 100644
--- a/src/components/ShareScreen.svelte
+++ b/src/components/ShareScreen.svelte
@@ -11,7 +11,7 @@
   import type { Client } from "@atcute/client";
 
   import disperseLogo from "../assets/disperse-logo.svg?url";
-  import Bookmarklet from "./Bookmarklet.svelte";
+  import Footer from "./Footer.svelte";
 
   import BskyDestination from "./destinations/BskyDestination.svelte";
   import CollectionsDestination from "./destinations/CollectionsDestination.svelte";
@@ -357,7 +357,7 @@
   <ShareResults {results} />
 </section>
 
-<Bookmarklet />
+<Footer />
 
 <style>
   header {