diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 89476b1..f404eb1 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -6,9 +6,8 @@
   <component name="ChangeListManager">
     <list default="true" id="65f998b4-d6c9-4699-a64b-6531039184a3" name="Changes" comment="">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/config/custom-keybinds.json" beforeDir="false" afterPath="$PROJECT_DIR$/config/custom-keybinds.json" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/src/main.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/main.ts" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/store.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/store.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/widgets/annotation_service.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/widgets/annotation_service.ts" afterDir="false" />
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -31,22 +30,22 @@
     <option name="hideEmptyMiddlePackages" value="true" />
     <option name="showLibraryContents" value="true" />
   </component>
-  <component name="PropertiesComponent">{
-  &quot;keyToString&quot;: {
-    &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
-    &quot;WebServerToolWindowFactoryState&quot;: &quot;false&quot;,
-    &quot;git-widget-placeholder&quot;: &quot;lchtlab-cave&quot;,
-    &quot;last_opened_file_path&quot;: &quot;/Users/jinhan/h01/ng-extend/src/widgets&quot;,
-    &quot;node.js.detected.package.eslint&quot;: &quot;true&quot;,
-    &quot;node.js.detected.package.tslint&quot;: &quot;true&quot;,
-    &quot;node.js.selected.package.eslint&quot;: &quot;(autodetect)&quot;,
-    &quot;node.js.selected.package.tslint&quot;: &quot;(autodetect)&quot;,
-    &quot;nodejs_package_manager_path&quot;: &quot;npm&quot;,
-    &quot;prettierjs.PrettierConfiguration.Package&quot;: &quot;/Users/jinhan/h01/ng-extend/node_modules/prettier&quot;,
-    &quot;ts.external.directory.path&quot;: &quot;/Applications/PyCharm.app/Contents/plugins/javascript-impl/jsLanguageServicesImpl/external&quot;,
-    &quot;vue.rearranger.settings.migration&quot;: &quot;true&quot;
+  <component name="PropertiesComponent"><![CDATA[{
+  "keyToString": {
+    "RunOnceActivity.ShowReadmeOnStart": "true",
+    "WebServerToolWindowFactoryState": "false",
+    "git-widget-placeholder": "lchtlab-cave-calculate-distance",
+    "last_opened_file_path": "/Users/jinhan/h01/ng-extend/src/widgets",
+    "node.js.detected.package.eslint": "true",
+    "node.js.detected.package.tslint": "true",
+    "node.js.selected.package.eslint": "(autodetect)",
+    "node.js.selected.package.tslint": "(autodetect)",
+    "nodejs_package_manager_path": "npm",
+    "prettierjs.PrettierConfiguration.Package": "/Users/jinhan/h01/ng-extend/node_modules/prettier",
+    "ts.external.directory.path": "/Applications/PyCharm.app/Contents/plugins/javascript-impl/jsLanguageServicesImpl/external",
+    "vue.rearranger.settings.migration": "true"
   }
-}</component>
+}]]></component>
   <component name="RecentsManager">
     <key name="CopyFile.RECENT_KEYS">
       <recent name="$PROJECT_DIR$/src/widgets" />
diff --git a/src/widgets/annotation_service.ts b/src/widgets/annotation_service.ts
index b062de1..e89794b 100644
--- a/src/widgets/annotation_service.ts
+++ b/src/widgets/annotation_service.ts
@@ -4,27 +4,32 @@ export interface Point3D {
     z: string;
 }
 
-function calculateDistanceInXYPlane(coordinates: Point3D[]): string {
+function calculateDistance(coordinates: Point3D[]): string {
     const point1: Point3D = coordinates[0];
     const point2: Point3D = coordinates[1];
     // Ignore the Z coordinate for XY plane distance
-    const dx = Number(point2.x) - Number(point1.x);
-    const dy = Number(point2.y) - Number(point1.y);
+    const dx = 8*(Number(point2.x) - Number(point1.x));
+    const dy = 8*(Number(point2.y) - Number(point1.y));
+    const dz = 33*(Number(point2.z) - Number(point1.z));
 
     // Calculate the distance using the Pythagorean theorem
-    const distance = Math.sqrt(dx * dx + dy * dy).toFixed(2);
+    const distanceXY = Math.sqrt(dx * dx + dy * dy).toFixed(2);
+    const distanceYZ: string = Math.sqrt(dy * dy + dz * dz).toFixed(2);
+    const distanceZX: string = Math.sqrt(dz * dz + dx * dx).toFixed(2);
 
-    return distance.toString();
+    return `Distance\nXY: ${distanceXY}nm, YZ: ${distanceYZ}nm, ZX: ${distanceZX}nm`;
 }
 export class AnnotationService {
     calculateDistance(coordinates: Point3D[]) {
-        const distance = document.createElement('span');
+        const distance = document.createElement('div');
         distance.className = 'nge-selected-annotation distance';
+        distance.style.gridColumn = 'dim / -1';
+        distance.style.textOverflow = 'ellipsis';
         console.log(coordinates)
         if (coordinates.length == 2) {
-            distance.innerText = `Distance: ${calculateDistanceInXYPlane(coordinates)}`
+            distance.innerText = calculateDistance(coordinates)
         }
-        return distance
+        return distance;
     }