diff --git a/example.env b/example.env
index c764e92f..27e4f03d 100644
--- a/example.env
+++ b/example.env
@@ -1,4 +1,5 @@
 # make sure the cors proxy url does NOT have a slash at the end
 VITE_CORS_PROXY_URL=...
 VITE_TMDB_READ_API_KEY=...
+VITE_OPENSEARCH_ENABLED=false
 VITE_APP_DOMAIN="http://localhost:5173"
diff --git a/index.html b/index.html
index e3593d62..543c3e95 100644
--- a/index.html
+++ b/index.html
@@ -35,7 +35,7 @@
     <title>movie-web</title>
 
 	<!-- OpenSearch -->
-    <link rel="search" type="application/opensearchdescription+xml" title="movie-web" href="src/assets/opensearch.xml">
+    {{{ opensearch }}}
 
 	<!-- Google Sitelinks -->
 	<script type="application/ld+json">
diff --git a/vite.config.ts b/vite.config.ts
index dcef4c5f..b420c6d6 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -8,12 +8,14 @@ import { handlebars } from "./plugins/handlebars";
 import { loadEnv } from "vite"
 
 export default defineConfig(({ mode }) => {
+	const env = loadEnv(mode, process.cwd())
 	return {
 	  plugins:[
 		handlebars({
-		vars: {
-			appdomain: loadEnv(mode, process.cwd()).VITE_APP_DOMAIN,
-		},
+			vars: {
+				opensearch: env.VITE_OPENSEARCH_ENABLED ? '<link rel="search" type="application/opensearchdescription+xml" title="movie-web" href="src/assets/opensearch.xml">' : "",
+				appdomain: env.VITE_APP_DOMAIN,
+			},
 		}),
 		react({
 		babel: {