diff --git a/src/components/UI/Search.tsx b/src/components/UI/Search.tsx
index 0eb58ec8e6..3417d42285 100644
--- a/src/components/UI/Search.tsx
+++ b/src/components/UI/Search.tsx
@@ -2,10 +2,14 @@ import { DocSearch } from '@docsearch/react';
 
 import '@docsearch/css';
 
-export const Search: React.FC = () => (
-  <DocSearch
-    appId="R2IYF7ETH7"
-    apiKey="599cec31baffa4868cae4e79f180729b"
-    indexName="docsearch"
-  />
-)
+export const Search: React.FC = () => {
+  const appId = process.env.NEXT_PUBLIC_ALGOLIA_APP_ID || ''
+  const apiKey = process.env.NEXT_PUBLIC_ALGOLIA_SEARCH_API_KEY || ''
+  const indexName = process.env.NEXT_PUBLIC_ALGOLIA_BASE_SEARCH_INDEX_NAME || ''
+  return (
+    <DocSearch
+      appId={appId}
+      apiKey={apiKey}
+      indexName={indexName} />
+  );
+}