diff --git a/src/components/search/Search.tsx b/src/components/search/Search.tsx
index 2b9cc5913..2e6030ffd 100644
--- a/src/components/search/Search.tsx
+++ b/src/components/search/Search.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-
+import { searchMetadata } from '../../data/search';
 import { DocSearch } from './docsearch/DocSearch';
 import './docsearch/docsearch.css';
 
@@ -24,12 +24,14 @@ export const Search = () => {
 	}, []);
 
 	const initialQuery = getInitialQuery();
+	const { algoliaConfig } = searchMetadata;
 	return (
 		<DocSearch
-			appId="0EBA2NRQU3"
-			indexName="sourcegraph"
-			apiKey="1b6e51c1d4ef24bef0a5f1ab00dad80a"
+			appId={algoliaConfig.appId}
+			indexName={algoliaConfig.indexName}
+			apiKey={algoliaConfig.apiKey}
 			initialQuery={initialQuery}
+			maxResultsPerGroup={algoliaConfig.maxResultsPerGroup}
 		/>
 	);
 };
diff --git a/src/data/search.ts b/src/data/search.ts
index 5e65e0fa3..40698c731 100644
--- a/src/data/search.ts
+++ b/src/data/search.ts
@@ -11,5 +11,6 @@ export const searchMetadata = {
       // Public API key: it is safe to commit it
       apiKey: '1b6e51c1d4ef24bef0a5f1ab00dad80a',
       indexName: 'sourcegraph',
+      maxResultsPerGroup:20
     },
 }