diff --git a/packages/modules/web_themes/colors/source/src/components/priceChart/PriceChart.vue b/packages/modules/web_themes/colors/source/src/components/priceChart/PriceChart.vue
index 9aa7efe036..9027680df9 100644
--- a/packages/modules/web_themes/colors/source/src/components/priceChart/PriceChart.vue
+++ b/packages/modules/web_themes/colors/source/src/components/priceChart/PriceChart.vue
@@ -220,11 +220,15 @@ const draw = computed(() => {
 		.attr('stroke-width', (d) => ((d as number) % 5 == 0 ? '2' : '0.5'))
 	yAxis.select('.domain').attr('stroke', 'var(--color-bg)')
 	// Tooltips
-	const ttips: Selection<SVGGElement, [Date, number], BaseType, unknown> =
-		select('g#tooltips').selectAll('ttip')
-
-	ttips.selectAll('*').remove()
-	ttips.data(plotdata.value).enter().append('g').attr('class', 'ttarea')
+	const ttarea: Selection<SVGGElement, [Date, number], BaseType, unknown> =
+		select('g#tooltips')
+	ttarea.selectAll('*').remove()
+	const ttips = ttarea
+		.selectAll('ttip')
+		.data(plotdata.value)
+		.enter()
+		.append('g')
+		.attr('class', 'ttarea')
 	ttips
 		.append('rect')
 		.attr('x', (d) => xScale.value(d[0]))