From 7d2ab240e6254ee2f1d191fccc79fde0221f611c Mon Sep 17 00:00:00 2001
From: Mike Cao <mike@mikecao.com>
Date: Fri, 14 Jan 2022 00:21:59 -0800
Subject: [PATCH] Fixed invalid prop in Dot.

---
 components/metrics/Legend.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/metrics/Legend.js b/components/metrics/Legend.js
index b919d80e..52ab8b15 100644
--- a/components/metrics/Legend.js
+++ b/components/metrics/Legend.js
@@ -35,7 +35,7 @@ export default function Legend({ chart }) {
             className={classNames(styles.label, { [styles.hidden]: hidden })}
             onClick={() => handleClick(datasetIndex)}
           >
-            <Dot color={color.setAlpha(color.getAlpha() + 0.2)} />
+            <Dot color={color.setAlpha(color.getAlpha() + 0.2).toHexString()} />
             <span className={locale}>{text}</span>
           </div>
         );