diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 7024dc5..f7d252d 100755
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -79,8 +79,8 @@
 				out:fly={{ delay: 50, duration: 250, y: 0, easing: quintOut }}
 				class="flex flex-row rounded md:p-1 md:dark:hover:bg-white md:dark:hover:text-black md:hover:bg-gray-400"
 			>
-				<a href="/about" data-sveltekit-preload-code
-					><div class="flex flex-row">
+				<a href="/about" class="flex flex-row flex-1" data-sveltekit-preload-code
+					><div class="flex flex-row flex-1">
 						<div class="i-gridicons-info text-5xl md:text-4xl align-middle my-auto" />
 						<h2 class="md:pl-2 text-4xl hidden md:block">About</h2>
 					</div></a
@@ -91,7 +91,7 @@
 				out:fly={{ delay: 100, duration: 200, y: 0, easing: quintOut }}
 				class="flex flex-row rounded md:p-1 md:dark:hover:bg-white md:dark:hover:text-black md:hover:bg-gray-400"
 			>
-				<a href="/projects" data-sveltekit-preload-code
+				<a href="/projects" class="flex flex-row flex-1" data-sveltekit-preload-code
 					><div class="flex flex-row">
 						<div class="i-octicon-project-16 text-5xl md:text-4xl my-auto" />
 						<h2 class="md:pl-2 text-4xl hidden md:block">Projects</h2>
@@ -103,7 +103,7 @@
 				out:fly={{ delay: 150, duration: 150, y: 0, easing: quintOut }}
 				class="flex flex-row rounded md:p-1 md:dark:hover:bg-white md:dark:hover:text-black md:hover:bg-gray-400"
 			>
-				<a href="/blog" data-sveltekit-preload-code
+				<a href="/blog" class="flex flex-row flex-1" data-sveltekit-preload-code
 					><div class="flex flex-row">
 						<div class="i-ph-book-bold text-5xl md:text-4xl my-auto" />
 						<h2 class="md:pl-2 text-4xl hidden md:block">Blog</h2>
diff --git a/src/routes/donate/+page.svelte b/src/routes/donate/+page.svelte
index 845e4a0..993ca7b 100755
--- a/src/routes/donate/+page.svelte
+++ b/src/routes/donate/+page.svelte
@@ -1,26 +1,51 @@
-<script>                                    
-  import { fly } from 'svelte/transition';  
-  import { quintOut } from 'svelte/easing'; 
-</script>                                   
-                                            
-  <div class="text-center">
-    <div class="justify-center flex flex-col items-center m-auto shrink overflow-hidden h-screen "> 
-      <div in:fly={{ delay: 300, duration: 300, x: 50, easing: quintOut}} animate=true out:fly={{ duration: 300, x: -50, easing: quintOut}} > 
-        <h1 class="text-black dark:text-white text-4xl">Donate</h1>
-        <p class="text-black dark:text-white pb-5" style="">Thanks a lot!</p>
-      </div>
-      <hr transition:fly={{ duration: 300, x: 0, easing: quintOut}} class="border-black dark:border-white w-1/6"/>
-      <div in:fly={{ delay: 300, duration: 300, x: -50, easing: quintOut}} out:fly={{ duration: 300, x: 50, easing: quintOut}} >
-      <a href="https://github.com/sponsors/midou36o">
-        <div class="flex flex-row mt-5 md:dark:hover:bg-white p-1 md:dark:hover:text-black md:hover:bg-gray-400 rounded">
-          <div class="i-carbon-logo-github my-auto text-3xl"></div><p class="text-2xl pl-2">GitHub Sponsors</p>
-        </div>  
-      </a> 
-       <a href="/donate/monero">
-        <div class="flex flex-row md:dark:hover:bg-white p-1 md:dark:hover:text-black md:hover:bg-gray-400 rounded">
-          <div class="i-tabler-coin-monero pl-3 my-auto text-3xl"></div><p class="text-2xl pl-2">Monero</p>
-        </div>  
-      </a> 
-      </div>
-   </div> 
-  </div>
+<script>
+	import { fly } from 'svelte/transition';
+	import { quintOut } from 'svelte/easing';
+</script>
+
+<div class="text-center">
+	<div class="justify-center flex flex-col items-center m-auto shrink overflow-hidden h-screen">
+		<div
+			in:fly={{ delay: 300, duration: 300, x: 50, easing: quintOut }}
+			animate="true"
+			out:fly={{ duration: 300, x: -50, easing: quintOut }}
+		>
+			<h1 class="text-black dark:text-white text-4xl">Donate</h1>
+			<p class="text-black dark:text-white" style="">Thanks a lot!</p>
+
+			<a href="/">
+				<div
+					class="flex place-content-center place-self-center justify-center content-center flex-row"
+				>
+					<div class="i-material-symbols-home-outline-rounded text-4xl my-auto mr-0 pb-5"></div>
+				</div>
+			</a>
+		</div>
+
+		<hr
+			transition:fly={{ duration: 300, x: 0, easing: quintOut }}
+			class="border-black dark:border-white w-1/6"
+		/>
+		<div
+			in:fly={{ delay: 300, duration: 300, x: -50, easing: quintOut }}
+			out:fly={{ duration: 300, x: 50, easing: quintOut }}
+		>
+			<a href="https://github.com/sponsors/midou36o">
+				<div
+					class="flex flex-row mt-5 md:dark:hover:bg-white p-1 md:dark:hover:text-black md:hover:bg-gray-400 rounded"
+				>
+					<div class="i-carbon-logo-github my-auto text-3xl"></div>
+					<p class="text-2xl pl-2">GitHub Sponsors</p>
+				</div>
+			</a>
+			<a href="/donate/monero">
+				<div
+					class="flex flex-row md:dark:hover:bg-white p-1 md:dark:hover:text-black md:hover:bg-gray-400 rounded"
+				>
+					<div class="i-tabler-coin-monero pl-3 my-auto text-3xl"></div>
+					<p class="text-2xl pl-2">Monero</p>
+				</div>
+			</a>
+		</div>
+	</div>
+</div>