diff --git a/src/layout/Hero/HeroSection.svelte b/src/layout/Hero/HeroSection.svelte
index d8e06e1..624e7f2 100644
--- a/src/layout/Hero/HeroSection.svelte
+++ b/src/layout/Hero/HeroSection.svelte
@@ -9,8 +9,8 @@
 			Customize your mobile experience through ReVanced <br /> by applying patches to your applications.
 		</p>
 		<div class="hero-buttons">
-			<Button icon="download" kind="primary" href="download">Download Manager</Button>
-			<Button icon="docs" href="patches">View patches</Button>
+			<Button icon="download" type="filled" href="download">Download Manager</Button>
+			<Button icon="docs" type="tonal" href="patches">View patches</Button>
 		</div>
 	</div>
 </section>
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
index ffc5ea3..26022f8 100644
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@@ -14,7 +14,7 @@
 	{#if status == 404}
 		<p>This page received a cease and desist letter from a multi-billion dollar tech company.</p>
 		<br />
-		<Button kind="primary" href="/">Return Home</Button>	
+		<Button type="filled" href="/">Return Home</Button>
 	{:else}
 		<p>
 			{$page.error?.message}
@@ -31,5 +31,4 @@
 	h1 {
 		color: var(--accent-color);
 	}
-
 </style>