diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index b372ad4b81..c641ff370c 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -15,7 +15,7 @@
 				"clsx": "^2.1.1",
 				"d3": "^7.9.0",
 				"dotenv": "^16.4.7",
-				"layerchart": "^1.0.1",
+				"layerchart": "^1.0.2",
 				"lodash": "^4.17.21",
 				"svelte-inspect-value": "0.2.0",
 				"svelte-ux": "^1.0.0",
@@ -3700,9 +3700,9 @@
 			}
 		},
 		"node_modules/layerchart": {
-			"version": "1.0.1",
-			"resolved": "https://registry.npmjs.org/layerchart/-/layerchart-1.0.1.tgz",
-			"integrity": "sha512-umEkrddkwUGHdXglNIeJ/CGxuytsqB4uGRyKNKOGZYHaXSnlZ4XWVPEeYX7PS1sV+Dx52MeA43LxpQSvM7wuuw==",
+			"version": "1.0.2",
+			"resolved": "https://registry.npmjs.org/layerchart/-/layerchart-1.0.2.tgz",
+			"integrity": "sha512-YaC1qp2IO1J0F9e/uHNnXYQLYc0HWqz+61OsOT9YJ9cPRXCgSqlunnZ6QcdPWRfn98xuuCtQtuW5KVSr4LysLw==",
 			"license": "MIT",
 			"dependencies": {
 				"@dagrejs/dagre": "^1.1.4",
diff --git a/frontend/package.json b/frontend/package.json
index 881ab4317e..96cab47315 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -68,7 +68,7 @@
 		"clsx": "^2.1.1",
 		"d3": "^7.9.0",
 		"dotenv": "^16.4.7",
-		"layerchart": "^1.0.1",
+		"layerchart": "^1.0.2",
 		"lodash": "^4.17.21",
 		"svelte-inspect-value": "0.2.0",
 		"svelte-ux": "^1.0.0",
diff --git a/frontend/src/lib/components/charts/FeaturesLineChart.svelte b/frontend/src/lib/components/charts/FeaturesLineChart.svelte
index 16667e8f6e..31c1defaf8 100644
--- a/frontend/src/lib/components/charts/FeaturesLineChart.svelte
+++ b/frontend/src/lib/components/charts/FeaturesLineChart.svelte
@@ -49,6 +49,11 @@
 		hideDelay: 150,
 		...(typeof restProps.tooltip === 'object' ? restProps.tooltip : null)
 	}}
+	props={{
+		canvas: {
+			class: 'cursor-crosshair'
+		}
+	}}
 >
 	<svelte:fragment slot="aboveMarks" let:xScale let:yScale>
 		{#if markPoint}
diff --git a/frontend/src/lib/components/charts/PercentileLineChart.svelte b/frontend/src/lib/components/charts/PercentileLineChart.svelte
index 55cdf5eed3..27ca4995d0 100644
--- a/frontend/src/lib/components/charts/PercentileLineChart.svelte
+++ b/frontend/src/lib/components/charts/PercentileLineChart.svelte
@@ -57,4 +57,9 @@
 		},
 		restProps
 	)}
+	props={{
+		canvas: {
+			class: 'cursor-crosshair'
+		}
+	}}
 />