diff --git a/plugins/woocommerce-admin/client/core-profiler/components/profile-spinner/profile-spinner.tsx b/plugins/woocommerce-admin/client/core-profiler/components/profile-spinner/profile-spinner.tsx
index 42117ef5f9f..3e3639c18f1 100644
--- a/plugins/woocommerce-admin/client/core-profiler/components/profile-spinner/profile-spinner.tsx
+++ b/plugins/woocommerce-admin/client/core-profiler/components/profile-spinner/profile-spinner.tsx
@@ -11,12 +11,12 @@ import './profile-spinner.scss';
 export const ProfileSpinner = () => {
 	return (
 		<>
-            <div 
-                className={ `woocommerce-profile-wizard__spinner` }
-                data-testid="core-profiler-loading-screen"
-            >
-                <Spinner />
-            </div>
+			<div
+				className={ `woocommerce-profile-wizard__spinner` }
+				data-testid="core-profiler-loading-screen"
+			>
+				<Spinner />
+			</div>
 		</>
 	);
 };
diff --git a/plugins/woocommerce-admin/client/core-profiler/index.tsx b/plugins/woocommerce-admin/client/core-profiler/index.tsx
index 398d0f131e3..49be46d9722 100644
--- a/plugins/woocommerce-admin/client/core-profiler/index.tsx
+++ b/plugins/woocommerce-admin/client/core-profiler/index.tsx
@@ -1206,8 +1206,7 @@ export const CoreProfilerController = ( {
 		: undefined;
 	const navigationProgress = currentNodeMeta?.progress; // This value is defined in each state node's meta tag, we can assume it is 0-100
 	const CurrentComponent =
-		currentNodeMeta?.component ??
-		( () => ( <ProfileSpinner /> ) ); // If no component is defined for the state then its a loading state
+		currentNodeMeta?.component ?? ( () => <ProfileSpinner /> ); // If no component is defined for the state then its a loading state
 
 	useEffect( () => {
 		document.body.classList.remove( 'woocommerce-admin-is-loading' );