diff --git a/frontend/src/v5/ui/routes/dashboard/projects/calibration/calibrationHeader/calibrationHeader.component.tsx b/frontend/src/v5/ui/routes/dashboard/projects/calibration/calibrationHeader/calibrationHeader.component.tsx
index 3c930ad85b..f16ecf2fae 100644
--- a/frontend/src/v5/ui/routes/dashboard/projects/calibration/calibrationHeader/calibrationHeader.component.tsx
+++ b/frontend/src/v5/ui/routes/dashboard/projects/calibration/calibrationHeader/calibrationHeader.component.tsx
@@ -25,6 +25,7 @@ import { ContainersHooksSelectors, FederationsHooksSelectors } from '@/v5/servic
 import { useContext } from 'react';
 import { CalibrationContext } from '../calibrationContext';
 import { ViewerParams } from '@/v5/ui/routes/routes.constants';
+import { isNumber } from 'lodash';
 
 const STEPS = [
 	formatMessage({ defaultMessage: '3D Alignment', id: 'calibration.step.3dCalibration' }),
@@ -43,7 +44,7 @@ export const CalibrationHeader = () => {
 	const getIsStepValid = () => {
 		if (step === 0) return !!(vector3D[0] && vector3D[1]);
 		if (step === 1) return !!(vector2D[0] && vector2D[1]);
-		if (step === 2) return !!(verticalPlanes[0] && verticalPlanes[1]);
+		if (step === 2) return verticalPlanes.every(isNumber);
 		return false;
 	};