diff --git a/src/views/dashboard/related/trace/components/D3Graph/SpanDetail.vue b/src/views/dashboard/related/trace/components/D3Graph/SpanDetail.vue
index 8de4e7f5..e6d5eda4 100644
--- a/src/views/dashboard/related/trace/components/D3Graph/SpanDetail.vue
+++ b/src/views/dashboard/related/trace/components/D3Graph/SpanDetail.vue
@@ -109,9 +109,9 @@ limitations under the License. -->
         <span class="grey">Start Time:</span>
         {{
           currentEvent.startTime
-            ? `${visDate(Number(currentEvent.startTime))}:${(
-                currentEvent.startTimeNanos / 1000
-              ).toLocaleString("en-US")}`
+            ? `${visDate(Number(currentEvent.startTime))}:${
+                currentEvent.startTimeNanos
+              }`
             : ""
         }}
       </div>
@@ -119,9 +119,9 @@ limitations under the License. -->
         <span class="grey">End Time:</span>
         {{
           currentEvent.endTime
-            ? `${visDate(Number(currentEvent.endTime))}:${(
-                currentEvent.endTimeNanos / 1000
-              ).toLocaleString("en-US")}`
+            ? `${visDate(Number(currentEvent.endTime))}:${
+                currentEvent.endTimeNanos
+              }`
             : ""
         }}
       </div>
@@ -255,11 +255,16 @@ function visTimeline() {
         startTime: d.startTime.seconds * 1000 + d.startTime.nanos / 1000 / 1000,
         endTime: d.endTime.seconds * 1000 + d.endTime.nanos / 1000 / 1000,
         className: "Normal",
-        startTimeNanos: d.startTime.nanos,
-        endTimeNanos: d.endTime.nanos,
+        startTimeNanos: (d.startTime.nanos / 1000)
+          .toLocaleString("en-US")
+          .split(".")[0],
+        endTimeNanos: (d.endTime.nanos / 1000)
+          .toLocaleString("en-US")
+          .split(".")[0],
       };
     }
   );
+
   const items = new DataSet(events);
   const options: any = {
     height: h,