diff --git a/client/homebrew/brewRenderer/brewRenderer.jsx b/client/homebrew/brewRenderer/brewRenderer.jsx
index b62e6c291..9d9d585e3 100644
--- a/client/homebrew/brewRenderer/brewRenderer.jsx
+++ b/client/homebrew/brewRenderer/brewRenderer.jsx
@@ -81,17 +81,21 @@ const BrewRenderer = (props)=>{
 		return ()=>{window.removeEventListener('resize', updateSize);};
 	}, []);
 
-	const scrollToPage = (iframe, pageNumber) => {
-		if (iframe && iframe.contentWindow) {
-			const brewRenderer = iframe.contentWindow.document.querySelector('.brewRenderer');
-			if (brewRenderer) {
-				const pages = brewRenderer.querySelectorAll('.page');
-				if (pages && pages[pageNumber]) {
-					pages[pageNumber].scrollIntoView({ behavior: 'smooth', block: 'start' });
-				}
-			}
-		}
-	};
+	const scrollToPage = (pageNumber) => {
+		const iframe = document.getElementById('BrewRenderer');
+        if (iframe && iframe.contentWindow) {
+            const brewRenderer =
+                iframe.contentWindow.document.querySelector('.brewRenderer');
+            if (brewRenderer) {
+                const pages = brewRenderer.querySelectorAll('.page');
+                if (pageNumber > pages.length) {
+                    console.log('page not found');
+                } else {
+                    pages[pageNumber].scrollIntoView({ block: 'start' });
+                }
+            }
+        }
+    };
 	
 	const updateSize = ()=>{
 		setState((prevState)=>({