diff --git a/frontend/components/Domain/Recipe/RecipeScaleEditButton.vue b/frontend/components/Domain/Recipe/RecipeScaleEditButton.vue
index e7887b3f54f..b34c4932420 100644
--- a/frontend/components/Domain/Recipe/RecipeScaleEditButton.vue
+++ b/frontend/components/Domain/Recipe/RecipeScaleEditButton.vue
@@ -97,8 +97,8 @@ export default defineComponent({
       },
     });
 
-    const numerator = ref<number>(parseFloat(props.basicYieldNum.toFixed(3)) ?? 1);
-    const denominator = parseFloat(props.basicYieldNum.toFixed(32)) ?? 1;
+    const numerator = ref<number>(props.basicYieldNum != null ? parseFloat(props.basicYieldNum.toFixed(3)) : 1);
+    const denominator = props.basicYieldNum != null ? parseFloat(props.basicYieldNum.toFixed(32)) : 1;
     const numberParsed = !!props.basicYieldNum;
 
     watch(() => numerator.value, () => {