diff --git a/modules/ppcp-settings/resources/js/Components/ReusableComponents/TabNavigation.js b/modules/ppcp-settings/resources/js/Components/ReusableComponents/TabNavigation.js
index 4c5d40675..e22711255 100644
--- a/modules/ppcp-settings/resources/js/Components/ReusableComponents/TabNavigation.js
+++ b/modules/ppcp-settings/resources/js/Components/ReusableComponents/TabNavigation.js
@@ -1,6 +1,7 @@
 import { useCallback, useEffect, useState } from '@wordpress/element';
 import { TabPanel } from '@wordpress/components';
-import { getQuery, updateQueryString } from '@woocommerce/navigation';
+
+import { getQuery, updateQueryString } from '../../utils/navigation';
 
 const TabNavigation = ( { tabs } ) => {
 	const { panel } = getQuery();
@@ -30,7 +31,7 @@ const TabNavigation = ( { tabs } ) => {
 	);
 
 	useEffect( () => {
-		updateQueryString( { panel: activePanel }, '/', getQuery() );
+		updateQueryString( { panel: activePanel } );
 	}, [ activePanel ] );
 
 	return (