diff --git a/src/lib/components/atoms/ContributorPerson.svelte b/src/lib/components/atoms/ContributorPerson.svelte
index 9a449c9..5d9ccb5 100644
--- a/src/lib/components/atoms/ContributorPerson.svelte
+++ b/src/lib/components/atoms/ContributorPerson.svelte
@@ -17,7 +17,7 @@
 		padding: 0.5rem;
 		width: 100%;
 		transition: background-color 0.3s var(--bezier-one);
-		border-radius: 4px;
+		border-radius: 6px;
 		display: flex;
 		gap: 1rem;
 		align-items: center;
diff --git a/src/lib/components/atoms/Search.svelte b/src/lib/components/atoms/Search.svelte
index 24e08e3..30292a4 100644
--- a/src/lib/components/atoms/Search.svelte
+++ b/src/lib/components/atoms/Search.svelte
@@ -59,10 +59,6 @@
 		position: relative;
 		display: flex;
 		padding: 1rem 3rem;
-		border-radius: 12px;
-		border: 1px solid var(--grey-three);
-		background-color: transparent;
-		color: var(--grey-five);
 		width: 100%;
 	}
 	input::placeholder {
@@ -70,10 +66,6 @@
 		font-size: 0.9rem;
 	}
 
-	input:focus {
-		outline: 1px solid var(--accent-color);
-	}
-
 	@media (max-width: 768px) {
 		#search {
 			left: 26px;
diff --git a/src/lib/components/molecules/Footer.svelte b/src/lib/components/molecules/Footer.svelte
index 4b97582..176363d 100644
--- a/src/lib/components/molecules/Footer.svelte
+++ b/src/lib/components/molecules/Footer.svelte
@@ -46,14 +46,10 @@
 			<h4>Socials</h4>
 			<a href="https://github.com/revanced" target="_blank" rel="noreferrer"><h5>GitHub</h5></a>
 			<a href="https://revanced.app/discord" target="_blank" rel="noreferrer"><h5>Discord</h5></a>
-			<a href="https://reddit.com/r/revancedapp" target="_blank" rel="noreferrer"><h5>Reddit</h5></a
-			>
+			<a href="https://reddit.com/r/revancedapp" target="_blank" rel="noreferrer"><h5>Reddit</h5></a>
 			<a href="https://t.me/app_revanced" target="_blank" rel="noreferrer"><h5>Telegram</h5></a>
-			<a href="https://twitter.com/revancedapp" target="_blank" rel="noreferrer"><h5>Twitter</h5></a
-			>
-			<a href="https://www.youtube.com/c/ReVanced" target="_blank" rel="noreferrer"
-				><h5>YouTube</h5></a
-			>
+			<a href="https://twitter.com/revancedapp" target="_blank" rel="noreferrer"><h5>Twitter</h5></a>
+			<a href="https://www.youtube.com/c/ReVanced" target="_blank" rel="noreferrer"><h5>YouTube</h5></a>
 		</div>
 	</section>
 </footer>
@@ -65,7 +61,7 @@
 		display: flex;
 		gap: 2rem;
 		justify-content: space-between;
-		width: min(85%, 90rem);
+		width: min(90%, 80rem);
 	}
 
 	h2 {
diff --git a/src/lib/components/molecules/PatchCell.svelte b/src/lib/components/molecules/PatchCell.svelte
index 93b10e6..7bd7947 100644
--- a/src/lib/components/molecules/PatchCell.svelte
+++ b/src/lib/components/molecules/PatchCell.svelte
@@ -25,7 +25,7 @@
 					.replace(/Microg/g, 'MicroG')
 					.replace(/Hdr/g, 'HDR')
 					.replace(/Sponsorblock/g, 'SponsorBlock')
-					.replace(/Tiktok/g, 'TikTok')
+					.replace(/ktok/g, 'kTok')
 					.replace(/Vr/g, 'VR')}
 			</h3>
 		</div>
@@ -47,11 +47,14 @@
 				<h6 class="boxed">📦 {pkg.name}</h6>
 			</a>
 		{/each}
+		
 		<!-- should i hardcode this to get the version of the first package? idk you cant stop me -->
-		{#if patch.compatiblePackages[0].versions.length}
-			<h6 class="boxed">
-				🎯 {patch.compatiblePackages[0].versions.slice(-1)}
-			</h6>
+		{#if patch.compatiblePackages.length}
+			{#if patch.compatiblePackages[0].versions.length}
+				<h6 class="boxed">
+					🎯 {patch.compatiblePackages[0].versions.slice(-1)}
+				</h6>
+			{/if}
 		{/if}
 
 		<h6 class="boxed">🧩 {patch.version}</h6>
diff --git a/src/lib/components/molecules/SocialHost.svelte b/src/lib/components/molecules/SocialHost.svelte
index a9e3c91..baecf40 100644
--- a/src/lib/components/molecules/SocialHost.svelte
+++ b/src/lib/components/molecules/SocialHost.svelte
@@ -12,7 +12,6 @@
 <style>
 	.social-host {
 		width: min(87%, 100rem);
-		/* same as margin-inline: auto on .wrapper */
 		padding: 0 max(6.5%, calc(50vw - 50rem));
 		align-items: center;
 		user-select: none;
diff --git a/src/lib/components/organisms/Home.svelte b/src/lib/components/organisms/Hero.svelte
similarity index 61%
rename from src/lib/components/organisms/Home.svelte
rename to src/lib/components/organisms/Hero.svelte
index a7bb0e9..b20272a 100644
--- a/src/lib/components/organisms/Home.svelte
+++ b/src/lib/components/organisms/Hero.svelte
@@ -4,17 +4,19 @@
 
 <section class="hero">
 	<div class="hero-text">
+		<h5>ANDROID APP PATCHER</h5>
 		<h1>
-			<span>Re</span>Vanced
+			Continuing the <br />legacy of <span>Vanced.</span>
 		</h1>
-
 		<h4>
-			ReVanced is an extensible framework for building <br /> Android applications.
+			Customize your mobile experience through ReVanced <br /> by applying patches to your applications.
 		</h4>
 
 		<div class="hero-buttons">
-			<Button icon="download" href="download" kind="primary">Download Manager</Button>
-			<Button icon="docs" href="patches">View patches</Button>
+			<Button icon="download" kind="primary" capitalize={true} href="download"
+				>Download Manager</Button
+			>
+			<Button icon="docs" href="patches" capitalize={true}>View patches</Button>
 		</div>
 	</div>
 </section>
@@ -22,13 +24,14 @@
 <style>
 	h1 {
 		color: var(--white);
-		line-height: 1em;
-		font-size: 5rem;
 		font-weight: 700;
+		margin-bottom: 1.5rem;
 	}
 
+	h5 {
+		margin-bottom: 0.5rem;
+	}
 	h4 {
-		margin-top: 1rem;
 		margin-bottom: 2rem;
 	}
 
@@ -53,11 +56,10 @@
 	@media (max-width: 768px) {
 		.hero {
 			padding-bottom: 0;
-			text-align: center;
 		}
 
 		h1 {
-			font-size: clamp(3rem, 10vw, 4.5rem);
+			font-size: clamp(3rem, 10vw, 3rem);
 		}
 
 		h4 {
@@ -67,16 +69,11 @@
 		br {
 			content: ' ';
 		}
-
-		.hero-buttons {
-			justify-content: center;
-		}
 	}
 
 	@media screen and (max-width: 600px) {
 		.hero-buttons {
 			flex-direction: column;
-			align-items: center;
 		}
 	}
 </style>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 5265084..6fd34cd 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,6 +1,6 @@
 <script>
 	import HeroImage from '$lib/components/atoms/HeroImage.svelte';
-	import Home from '$lib/components/organisms/Home.svelte';
+	import Home from '$lib/components/organisms/Hero.svelte';
 	import SocialHost from '$lib/components/molecules/SocialHost.svelte';
 	import Wave from '$lib/components/atoms/Wave.svelte';
 </script>
diff --git a/src/routes/contributors/+page.svelte b/src/routes/contributors/+page.svelte
index 2566ea1..ec857c8 100644
--- a/src/routes/contributors/+page.svelte
+++ b/src/routes/contributors/+page.svelte
@@ -55,7 +55,6 @@
 		display: flex;
 		align-items: center;
 		flex-direction: column;
-		gap: 0.5rem;
 		margin-bottom: 2rem;
 		background-color: var(--accent-color);
 		padding: 2.4rem;
@@ -69,7 +68,7 @@
 
 	a::after {
 		padding-left: 5px;
-		content: '->';
+		content: '→';
 		position: absolute;
 		transition: all 0.3s var(--bezier-one);
 	}
diff --git a/src/routes/download/+page.svelte b/src/routes/download/+page.svelte
index 22f008a..f9da2e3 100644
--- a/src/routes/download/+page.svelte
+++ b/src/routes/download/+page.svelte
@@ -10,10 +10,13 @@
 	$: manager = $tools['revanced/revanced-manager'];
 </script>
 
-<div class="wrapper">
+<div class="wrapper center">
 	<h1>ReVanced <span>Manager</span></h1>
 	<h4>Patch your favourite apps, right on your device.</h4>
-	<Button kind="primary" icon="download" target="_blank" href={manager.assets[0].url}>{manager.version}</Button>
+	<div class="buttons">
+		<Button kind="primary" icon="download" href={manager.assets[0].url} target="_blank">{manager.version}</Button>
+		<Button href="https://github.com/revanced/revanced-manager" target="_blank">View Source</Button>
+	</div>
   <div class="screenshot">
     <Picture data={manager_screenshot} alt="Manager Screenshot" />
   </div>
@@ -22,7 +25,7 @@
 <Footer />
 
 <style>
-	div {
+	.center {
 		display: flex;
 		flex-direction: column;
 		align-items: center;
@@ -31,7 +34,7 @@
 	h1 {
 		text-align: center;
 		color: var(--white);
-		margin-bottom: 0.5rem;
+
 	}
 
 	h4 {
@@ -44,13 +47,18 @@
 		margin-bottom: 2.5rem;
 		height: 50rem;
 		width: auto;
-		padding: 0.75rem 0.75rem;
-		border-radius: 2.5rem;
-		background-color: var(--grey-two);
-		box-shadow:0 50px 100px -20px rgba(16, 22, 31, 0.25), 0 30px 60px -30px rgba(18, 19, 22, 0.767), inset 0 -2px 20px 0 rgba(20, 21, 23, 0.598);
+		padding: 0.5rem 0.5rem;
+		border-radius: 2rem;
+		background-color: var(--grey-six);
 		user-select: none;
 	}
 
+	.buttons {
+		display: flex;
+		gap: 1rem;
+	}
+
+	
 	span {
 		color: var(--accent-color)
 	}