diff --git a/packages/website/ts/components/docs/search/autocomplete.tsx b/packages/website/ts/components/docs/search/autocomplete.tsx
index e124d729fe..79bc4fb4f3 100644
--- a/packages/website/ts/components/docs/search/autocomplete.tsx
+++ b/packages/website/ts/components/docs/search/autocomplete.tsx
@@ -125,7 +125,9 @@ const CustomAutoComplete: React.FC<IAutoCompleteProps> = ({ isHome = false, hits
                     getSectionSuggestions={getSectionSuggestions}
                 />
             </AutocompleteWrapper>
-            {currentRefinement && <AutocompleteOverlay onClick={onSuggestionsClearRequested} />}
+            {currentRefinement && (
+                <AutocompleteOverlay onClick={onSuggestionsClearRequested} shouldLockScroll={!isHome} />
+            )}
         </>
     );
 };
diff --git a/packages/website/ts/components/docs/search/autocomplete_overlay.tsx b/packages/website/ts/components/docs/search/autocomplete_overlay.tsx
index c5f07eff65..4ff171e01b 100644
--- a/packages/website/ts/components/docs/search/autocomplete_overlay.tsx
+++ b/packages/website/ts/components/docs/search/autocomplete_overlay.tsx
@@ -3,10 +3,13 @@ import styled from 'styled-components';
 
 interface IAutocompleteOverlayProps {
     onClick: () => void;
+    shouldLockScroll?: boolean;
 }
 
-export const AutocompleteOverlay: React.FC<IAutocompleteOverlayProps> = ({ onClick }) => {
-    // useLockBodyScroll();
+export const AutocompleteOverlay: React.FC<IAutocompleteOverlayProps> = ({ onClick, shouldLockScroll }) => {
+    if (shouldLockScroll) {
+        useLockBodyScroll();
+    }
 
     return <Overlay onClick={onClick} />;
 };
@@ -28,7 +31,7 @@ const Overlay = styled.div<IAutocompleteOverlayProps>`
 `;
 
 // This could be extracted to reuse
-function useLockBodyScroll() {
+function useLockBodyScroll(): void {
     useLayoutEffect(() => {
         // Get original value of body styles
         const { maxHeight, overflowY } = window.getComputedStyle(document.body);