diff --git a/sites/svelte.dev/src/app.html b/sites/svelte.dev/src/app.html
index 52ea63f2b6..25d920ac87 100644
--- a/sites/svelte.dev/src/app.html
+++ b/sites/svelte.dev/src/app.html
@@ -1,4 +1,4 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en" class="theme-default typo-default">
 	<head>
 		<meta charset="utf-8" />
@@ -11,13 +11,6 @@
 		<meta name="twitter:site" content="@sveltejs" />
 		<meta name="twitter:creator" content="@sveltejs" />
 
-		<link
-			rel="search"
-			type="application/opensearchdescription+xml"
-			href="/opensearch.xml"
-			title="Svelte"
-		/>
-
 		<!-- add inline style and blocking script to prevent content flash/jump -->
 		<style>
 			.ts-version {
diff --git a/sites/svelte.dev/static/opensearch.xml b/sites/svelte.dev/src/opensearch.xml
similarity index 100%
rename from sites/svelte.dev/static/opensearch.xml
rename to sites/svelte.dev/src/opensearch.xml
diff --git a/sites/svelte.dev/src/routes/+layout.svelte b/sites/svelte.dev/src/routes/+layout.svelte
index 4e9857b4b1..70e4e24310 100644
--- a/sites/svelte.dev/src/routes/+layout.svelte
+++ b/sites/svelte.dev/src/routes/+layout.svelte
@@ -5,6 +5,7 @@
 	import { Nav, Separator } from '@sveltejs/site-kit/nav';
 	import { Search, SearchBox } from '@sveltejs/site-kit/search';
 	import '@sveltejs/site-kit/styles/index.css';
+	import opensearch from '../opensearch.xml?url';
 
 	export let data;
 
@@ -29,6 +30,13 @@
 		<meta name="twitter:image" content="https://svelte.dev/images/twitter-thumbnail.jpg" />
 		<meta name="og:image" content="https://svelte.dev/images/twitter-thumbnail.jpg" />
 	{/if}
+
+	<link
+		rel="search"
+		type="application/opensearchdescription+xml"
+		href={opensearch}
+		title="Svelte"
+	/>
 </svelte:head>
 
 <div style:display={$page.url.pathname !== '/docs' ? 'contents' : 'none'}>
