diff --git a/web/src/lib/components/shell/Footer.svelte b/web/src/lib/components/shell/Footer.svelte
index 8024daa79..4ab9d8a8d 100644
--- a/web/src/lib/components/shell/Footer.svelte
+++ b/web/src/lib/components/shell/Footer.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { resolve } from "$app/paths";
+	import Bluesky from "../icons/Bluesky.svelte";
 	import Logo from "../ui/Logo.svelte";
 
 	interface Props {
@@ -286,18 +287,7 @@
 			<line x1="16" y1="3" x2="14" y2="21" />
 		</svg>
 	{:else if icon === "bluesky"}
-		<svg
-			class="size-4 shrink-0"
-			viewBox="0 0 24 24"
-			fill="none"
-			stroke-dasharray="none"
-			stroke-width="2"
-			stroke-linecap="round"
-			stroke-linejoin="round"
-		>
-			<path d="M12 21a9 9 0 0 0 9-9 9 9 0 0 0-9-9 9 9 0 0 0-9 9 9 9 0 0 0 9 9Z" />
-			<path d="M12 12c2-3 5-3 5 0s-3 3-5 0Zm0 0c-2-3-5-3-5 0s3 3 5 0Z" />
-		</svg>
+		<Bluesky class="size-4 shrink-0" />
 	{:else if icon === "twitter"}
 		<svg class="size-4 shrink-0" viewBox="0 0 24 24" fill="currentColor">
 			<path
@@ -337,7 +327,7 @@
 
 {#if variant === "minimal"}
 	<footer
-		class="w-full border-t border-border-default bg-background-default px-6 py-4 pb-[calc(env(safe-area-inset-bottom)+1rem)]"
+		class="mt-8 w-full border-t border-border-default bg-background-default px-6 py-4 pb-[calc(env(safe-area-inset-bottom)+1rem)]"
 	>
 		<div
 			class="mx-auto flex max-w-5xl flex-wrap items-center justify-center gap-x-4 gap-y-2 typography-paragraph-small text-foreground-muted"