diff --git a/frontend/src/lib/components/buttons/brown.svelte b/frontend/src/lib/components/buttons/brown.svelte
index 63a4394..53ed8c0 100644
--- a/frontend/src/lib/components/buttons/brown.svelte
+++ b/frontend/src/lib/components/buttons/brown.svelte
@@ -8,11 +8,14 @@
 	export let flex = false;
 
 	export let href: undefined | string = undefined;
+
+	export let target: undefined | string = '_self';
 </script>
 
 {#if href}
 	<a
 		{href}
+		{target}
 		class="text-black hover:bg-opacity-80 w-full px-4 py-2 leading-5 text-black transition-all duration-200 transform bg-[#B07156] rounded text-center focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 outline-none"
 		on:click
 		class:flex
diff --git a/frontend/src/lib/navbar.svelte b/frontend/src/lib/navbar.svelte
index b629284..a09a315 100644
--- a/frontend/src/lib/navbar.svelte
+++ b/frontend/src/lib/navbar.svelte
@@ -177,7 +177,9 @@
 		class="justify-self-end gap-2 h-full flex justify-center items-center lg:relative fixed right-12 -top-1/2 pt-11 lg:right-0 lg:top-0 lg:p-0"
 	>
 		<div class="whitespace-nowrap">
-			<BrownButton>Donate <span class="">❤️</span></BrownButton>
+			<BrownButton href="https://mawoka.eu/donate" target="_blank"
+				>Donate <span class="">❤️</span></BrownButton
+			>
 		</div>
 		{#if darkMode}
 			<button