diff --git a/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Navigation.js b/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Navigation.js
index b15f1beea..9023a1f9b 100644
--- a/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Navigation.js
+++ b/modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Navigation.js
@@ -1,12 +1,12 @@
 import { Button } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 
-import TopNavigation from '../../../ReusableComponents/TopNavigation';
 import { CommonHooks, StylingHooks } from '../../../../data';
+import TopNavigation from '../../../ReusableComponents/TopNavigation';
 import BusyStateWrapper from '../../../ReusableComponents/BusyStateWrapper';
 
 const SettingsNavigation = () => {
-	const { withActivity, isBusy } = CommonHooks.useBusyState();
+	const { withActivity } = CommonHooks.useBusyState();
 
 	// Todo: Implement other stores here.
 	const { persist: persistStyling } = StylingHooks.useStore();
diff --git a/modules/ppcp-settings/resources/js/data/styling/hooks.js b/modules/ppcp-settings/resources/js/data/styling/hooks.js
index ffcde584f..8227d0124 100644
--- a/modules/ppcp-settings/resources/js/data/styling/hooks.js
+++ b/modules/ppcp-settings/resources/js/data/styling/hooks.js
@@ -41,8 +41,9 @@ const useHooks = () => {
 				console.error(
 					`Trying to access non-existent style property: ${ locationId }.${ prop }. Possibly wrong style name - review the reducer.`
 				);
+				return null;
 			}
-			return persistentData[ locationId ]?.[ prop ];
+			return persistentData[ locationId ][ prop ];
 		},
 		[ persistentData ]
 	);