diff --git a/src/routes/contributors/+page.svelte b/src/routes/contributors/+page.svelte
index e4d37a4..68cc99d 100644
--- a/src/routes/contributors/+page.svelte
+++ b/src/routes/contributors/+page.svelte
@@ -3,7 +3,7 @@
 	import { quintOut } from 'svelte/easing';
 
 	import ContributorHost from './ContributorSection.svelte';
-	import Footer from '$layout/Footer.svelte';
+	import Footer from '$layout/Footer/FooterHost.svelte';
 	import Meta from '$lib/components/Meta.svelte';
 	import Query from '$lib/components/Query.svelte';
 
diff --git a/src/routes/docs/+layout.svelte b/src/routes/docs/+layout.svelte
index 79601b9..d3cf431 100644
--- a/src/routes/docs/+layout.svelte
+++ b/src/routes/docs/+layout.svelte
@@ -2,7 +2,7 @@
 	import type { LayoutData } from './$types';
 
 	import DocsNavTree from './DocsNavTree.svelte';
-	import Footer from '$layout/Footer.svelte';
+	import Footer from '$layout/Footer/FooterHost.svelte';
 
 	export let data: LayoutData;
 </script>
diff --git a/src/routes/download/+page.svelte b/src/routes/download/+page.svelte
index 160ed06..31a0b26 100644
--- a/src/routes/download/+page.svelte
+++ b/src/routes/download/+page.svelte
@@ -10,7 +10,7 @@
 	import Meta from '$lib/components/Meta.svelte';
 	import Query from '$lib/components/Query.svelte';
 	import Button from '$lib/components/Button.svelte';
-	import Footer from '$layout/Footer.svelte';
+	import Footer from '$layout/Footer/FooterHost.svelte';
 	import Picture from '$lib/components/Picture.svelte';
 	import Dialogue from '$lib/components/Dialogue.svelte';
 	import { onMount } from 'svelte';
diff --git a/src/routes/patches/[[package]]/+page.svelte b/src/routes/patches/[[package]]/+page.svelte
index e4899aa..ae271f7 100644
--- a/src/routes/patches/[[package]]/+page.svelte
+++ b/src/routes/patches/[[package]]/+page.svelte
@@ -13,7 +13,7 @@
 	import PackageMenu from '../PackageMenu.svelte';
 	import Package from '../Package.svelte';
 	import PatchItem from '../PatchItem.svelte';
-	import Footer from '$layout/Footer.svelte';
+	import Footer from '$layout/Footer/FooterHost.svelte';
 	import Search from '$lib/components/Search.svelte';
 	import FilterChip from '$lib/components/FilterChip.svelte';
 	import Dialogue from '$lib/components/Dialogue.svelte';
@@ -78,9 +78,13 @@
 				.replace(/\s/g, '')
 				.replace(/-/g, '')
 				.toLowerCase();
-				// Update search URL params
-				// must use history.pushState instead of goto(), as goto() unselects the search bar
-				window.history.pushState(null, '', `${window.location.href.split('?')[0]}${searchTerm ? '?s=' + searchTerm : ''}`) 
+			// Update search URL params
+			// must use history.pushState instead of goto(), as goto() unselects the search bar
+			window.history.pushState(
+				null,
+				'',
+				`${window.location.href.split('?')[0]}${searchTerm ? '?s=' + searchTerm : ''}`
+			);
 		}, 500);
 	};
 </script>
@@ -121,14 +125,14 @@
 						on:click={() => (mobilePackages = !mobilePackages)}
 						on:keypress={() => (mobilePackages = !mobilePackages)}
 					>
-						<Package {selectedPkg} name="All packages" bind:searchTerm/>
+						<Package {selectedPkg} name="All packages" bind:searchTerm />
 					</span>
 					{#each data.packages as pkg}
 						<span
 							on:click={() => (mobilePackages = !mobilePackages)}
 							on:keypress={() => (mobilePackages = !mobilePackages)}
 						>
-							<Package {selectedPkg} name={pkg} bind:searchTerm/>
+							<Package {selectedPkg} name={pkg} bind:searchTerm />
 						</span>
 					{/each}
 				</div>
@@ -138,7 +142,7 @@
 		<aside in:fly={{ y: 10, easing: quintOut, duration: 750 }}>
 			<PackageMenu>
 				<span class="packages">
-					<Package {selectedPkg} name="All packages" bind:searchTerm/>
+					<Package {selectedPkg} name="All packages" bind:searchTerm />
 					{#each data.packages as pkg}
 						<Package {selectedPkg} name={pkg} bind:searchTerm />
 					{/each}