diff --git a/client/homebrew/brewRenderer/brewRenderer.jsx b/client/homebrew/brewRenderer/brewRenderer.jsx
index a35fcb617..322f3de1e 100644
--- a/client/homebrew/brewRenderer/brewRenderer.jsx
+++ b/client/homebrew/brewRenderer/brewRenderer.jsx
@@ -114,8 +114,8 @@ const BrewRenderer = (props)=>{
 	}
 
 	useEffect(() => {
-		props.onPageChange(formatVisiblePages(state.visiblePages));
-	}, [state.visiblePages]);
+		props.onPageChange(state.centerPage);
+	}, [state.centerPage]);
 
 	const handlePageVisibilityChange = useCallback((pageNum, isVisible) => {
 		setState((prevState) => {
diff --git a/client/homebrew/brewRenderer/toolBar/toolBar.jsx b/client/homebrew/brewRenderer/toolBar/toolBar.jsx
index f3ee3a11a..6b86db417 100644
--- a/client/homebrew/brewRenderer/toolBar/toolBar.jsx
+++ b/client/homebrew/brewRenderer/toolBar/toolBar.jsx
@@ -14,11 +14,9 @@ const ToolBar = ({ onZoomChange, currentPage, visiblePages, formattedPages, cent
 	const [toolsVisible, setToolsVisible] = useState(true);
 
 	useEffect(()=>{
-		setPageNum(visiblePages[0]);
-	}, []);
-
-	useEffect(()=>{
-		setPageNum(formattedPages);
+		if(visiblePages.length !== 0){
+			setPageNum(formattedPages);
+		}
 	}, [visiblePages]);
 
 	useEffect(()=>{