diff --git a/app/src/modules/builder/line/helpers/getClosestPointOnLineSegment.ts b/app/src/modules/builder/line/helpers/getClosestPointOnLineSegment.ts
index b22c3da..8b65282 100644
--- a/app/src/modules/builder/line/helpers/getClosestPointOnLineSegment.ts
+++ b/app/src/modules/builder/line/helpers/getClosestPointOnLineSegment.ts
@@ -1,7 +1,7 @@
 import { Vector3 } from "three";
 
 export default function closestPointOnLineSegment(p: Vector3, a: Vector3, b: Vector3) {
-    const ab = new Vector3().subVectors(a, b);
+    const ab = new Vector3().subVectors(b, a);
     const ap = new Vector3().subVectors(p, a);
 
     const abLengthSq = ab.lengthSq();
diff --git a/app/src/modules/builder/wallAsset/Instances/Instance/wallAssetInstance.tsx b/app/src/modules/builder/wallAsset/Instances/Instance/wallAssetInstance.tsx
index cf92957..73503ff 100644
--- a/app/src/modules/builder/wallAsset/Instances/Instance/wallAssetInstance.tsx
+++ b/app/src/modules/builder/wallAsset/Instances/Instance/wallAssetInstance.tsx
@@ -17,7 +17,7 @@ import closestPointOnLineSegment from '../../../line/helpers/getClosestPointOnLi
 import { upsertWallAssetApi } from '../../../../../services/factoryBuilder/asset/wallAsset/upsertWallAssetApi';
 import { deleteWallAssetApi } from '../../../../../services/factoryBuilder/asset/wallAsset/deleteWallAssetApi';
 
-function WallAssetInstance({ wallAsset }: { wallAsset: WallAsset }) {
+function WallAssetInstance({ wallAsset }: { readonly wallAsset: WallAsset }) {
     const url_Backend_dwinzo = `http://${process.env.REACT_APP_SERVER_MARKETPLACE_URL}`;
     const { socket } = useSocketStore();
     const { raycaster, pointer, camera, scene, controls, gl } = useThree();