diff --git a/src/lib/client/assets/logo-firefox-circular-arrow.png b/src/lib/client/assets/logo-firefox-circular-arrow.png
new file mode 100644
index 0000000..0602149
Binary files /dev/null and b/src/lib/client/assets/logo-firefox-circular-arrow.png differ
diff --git a/src/lib/client/ui/navigation/navbar/navbar.svelte b/src/lib/client/ui/navigation/navbar/navbar.svelte
index 048655f..2907f89 100644
--- a/src/lib/client/ui/navigation/navbar/navbar.svelte
+++ b/src/lib/client/ui/navigation/navbar/navbar.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import ThemeToggle from './themeToggle.svelte';
-	import logo from '$assets/logo.svg';
+	import logo from '$assets/logo-firefox-circular-arrow.png';
 </script>
 
 <nav
@@ -9,7 +9,7 @@
 	<div class="flex items-center justify-between px-4 py-4">
 		<!-- Left: Brand name with logo -->
 		<div class="flex items-center gap-2">
-			<img src={logo} alt="Profilarr logo" class="h-5 w-5 translate-y-[3px]" />
+			<img src={logo} alt="Profilarr logo" class="h-5 w-5 translate-y-[2px]" />
 			<div class="text-xl font-bold text-neutral-900 dark:text-neutral-100">profilarr</div>
 		</div>