diff --git a/frontend/src/components/traces/TraceGraph.css b/frontend/src/components/traces/TraceGraph.css
index 44473662fe..75adcd669e 100644
--- a/frontend/src/components/traces/TraceGraph.css
+++ b/frontend/src/components/traces/TraceGraph.css
@@ -4,14 +4,14 @@
 	background: rgba(0, 0, 0, 0.8);
 	color: #fff;
 	border-radius: 2px;
-	font-size: 6px;
+	font-size: 12px;
 }
 
 /* Creates a small triangle extender for the tooltip */
 .d3-tip:after {
 	box-sizing: border-box;
 	display: inline;
-	font-size: 6px;
+	font-size: 12px;
 	width: 100%;
 	line-height: 1;
 	color: rgba(0, 0, 0, 0.8);
diff --git a/frontend/src/components/traces/TraceGraph.tsx b/frontend/src/components/traces/TraceGraph.tsx
index 48dc6b9937..d355a51737 100644
--- a/frontend/src/components/traces/TraceGraph.tsx
+++ b/frontend/src/components/traces/TraceGraph.tsx
@@ -46,7 +46,7 @@ const _TraceGraph = (props: TraceGraphProps) => {
 		.default()
 		.attr("class", "d3-tip")
 		.html(function (d: any) {
-			return d.data.name + "<br>duration: " + d.data.value;
+			return d.data.name + "<br>duration: " + d.data.value/1000000+'ms';
 		});
 
 	const onClick = (z: any) => {