diff --git a/web/components/charts/generic-charts.tsx b/web/components/charts/generic-charts.tsx
index 1d9ec6a6..80476cb3 100644
--- a/web/components/charts/generic-charts.tsx
+++ b/web/components/charts/generic-charts.tsx
@@ -156,7 +156,7 @@ export const SingleValueDistributionChart = (props: {
return (
{mouseState && (
-
+
{fmtY(mouseState.p[1])} {fmtX(mouseState.p[0])}
)}
@@ -362,7 +362,7 @@ export const SingleValueHistoryChart = (props: {
return (
{mouseState && (
-
+
{fmtY(mouseState.p[1])} {fmtX(mouseState.p[0])}
)}
diff --git a/web/components/charts/helpers.tsx b/web/components/charts/helpers.tsx
index a330a4ff..22327742 100644
--- a/web/components/charts/helpers.tsx
+++ b/web/components/charts/helpers.tsx
@@ -9,8 +9,9 @@ import {
line,
select,
} from 'd3'
-import dayjs from 'dayjs'
import { nanoid } from 'nanoid'
+import dayjs from 'dayjs'
+import clsx from 'clsx'
import { Contract } from 'common/contract'
@@ -180,12 +181,15 @@ export const SVGChart = (props: {
export type TooltipPosition = { top: number; left: number }
export const ChartTooltip = (
- props: TooltipPosition & { children: React.ReactNode }
+ props: TooltipPosition & { className?: string; children: React.ReactNode }
) => {
- const { top, left, children } = props
+ const { top, left, className, children } = props
return (
{children}