diff --git a/src/components/three/XRSceneComponents.tsx b/src/components/three/XRSceneComponents.tsx
index 2ead4c9..2a7c03e 100644
--- a/src/components/three/XRSceneComponents.tsx
+++ b/src/components/three/XRSceneComponents.tsx
@@ -1,6 +1,6 @@
 import { useEffect, useRef, useMemo, useState, useCallback } from 'react';
 import { useFrame, useThree } from '@react-three/fiber';
-import { Grid, Billboard, Sky } from '@react-three/drei';
+import { Grid, Billboard, Sky, Line } from '@react-three/drei';
 import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
 import * as THREE from 'three';
 import { useModelStore, type SceneModel } from '@/stores/useModelStore';
@@ -325,19 +325,8 @@ function XRMeasurementText({ text, color }: { text: string; color: string }) {
 }
 
 export function XRSafeLine({ a, b }: { a: [number, number, number]; b: [number, number, number] }) {
-  const points = useMemo(() => [
-    new THREE.Vector3(a[0], a[1], a[2]),
-    new THREE.Vector3(b[0], b[1], b[2])
-  ], [a, b]);
-
-  const geometry = useMemo(() => {
-    return new THREE.BufferGeometry().setFromPoints(points);
-  }, [points]);
-
   return (
-    <line geometry={geometry}>
-      <lineBasicMaterial color="#22c55e" linewidth={2} />
-    </line>
+    <Line points={[a, b]} color="#22c55e" lineWidth={2} />
   );
 }