diff --git a/resources/js/components/assets/Editor/FocalPointEditor.vue b/resources/js/components/assets/Editor/FocalPointEditor.vue
index 4c9a17f5b2..7c372f0b05 100644
--- a/resources/js/components/assets/Editor/FocalPointEditor.vue
+++ b/resources/js/components/assets/Editor/FocalPointEditor.vue
@@ -70,7 +70,6 @@ export default {
             x: 50,
             y: 50,
             z: 1,
-            reticleSize: 0,
             imageDimensions: null,
         }
     },
@@ -85,14 +84,13 @@ export default {
     },
 
 
-    watch: {
-
-        z(z) {
-            if (!this.imageDimensions) return 0;
+    computed: {
 
+        reticleSize() {
+            if (!this.imageDimensions || !this.z) return 0;
             const smaller = Math.min(this.imageDimensions.w, this.imageDimensions.h);
-            this.reticleSize = smaller / z;
-        }
+            return smaller / this.z;
+        },
 
     },