diff --git a/src/app.html b/src/app.html
index ca926f2..b78caeb 100644
--- a/src/app.html
+++ b/src/app.html
@@ -2,8 +2,15 @@
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.ico" />
-		<meta name="viewport" content="width=device-width" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.ico">
+		<meta name="viewport" content="width=device-width">
+		<link rel="apple-touch-icon" sizes="180x180" href="%sveltekit.assets%/apple-touch-icon.png">
+		<link rel="icon" type="image/png" sizes="32x32" href="%sveltekit.assets%/favicon-32x32.png">
+		<link rel="icon" type="image/png" sizes="16x16" href="%sveltekit.assets%/favicon-16x16.png">
+		<link rel="manifest" href="%sveltekit.assets%/site.webmanifest">
+		<link rel="mask-icon" href="%sveltekit.assets%/safari-pinned-tab.svg" color="#000000">
+		<meta name="msapplication-TileColor" content="#da532c">
+		<meta name="theme-color" content="#ffffff">
 		%sveltekit.head%
 	</head>
 	<body
diff --git a/src/lib/components/site/metadata.svelte b/src/lib/components/site/metadata.svelte
index 7bd9e58..6d2786e 100644
--- a/src/lib/components/site/metadata.svelte
+++ b/src/lib/components/site/metadata.svelte
@@ -4,7 +4,7 @@
 
 	export let title: string = siteConfig.name;
 
-	$: title = $page.data?.title ? `${$page.data.title} - ${siteConfig.name}` : siteConfig.name;
+	$: title = $page.data?.title ? `${$page.data.title} — ${siteConfig.name}` : siteConfig.name;
 </script>
 
 <svelte:head>
@@ -29,7 +29,4 @@
 	<meta property="og:description" content={siteConfig.description} />
 	<meta property="og:site_name" content={siteConfig.name} />
 	<meta property="og:locale" content="EN_US" />
-	<link rel="icon" href="/favicon.ico" />
-	<link rel="shortcut icon" href="/favicon-16x16.png" />
-	<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
 </svelte:head>
