From 04a9f06ed088fe3461e63f67760165507a1a9658 Mon Sep 17 00:00:00 2001
From: Taylor Jones <taylor.jones826@gmail.com>
Date: Mon, 26 Oct 2020 16:01:43 -0500
Subject: [PATCH] fix(chart): alert tooltip DOM replacement logic

---
 src/components/BarChartCard/barChartUtils.js     | 2 +-
 src/components/TimeSeriesCard/TimeSeriesCard.jsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/BarChartCard/barChartUtils.js b/src/components/BarChartCard/barChartUtils.js
index a21fa1e4ce..a482814ef6 100644
--- a/src/components/BarChartCard/barChartUtils.js
+++ b/src/components/BarChartCard/barChartUtils.js
@@ -360,7 +360,7 @@ export const handleTooltip = (
       .replaceWith(parsedDateLabel.querySelector('li'));
   }
 
-  return parsedTooltip.querySelector('ul').outerHTML;
+  return parsedTooltip.innerHTML;
 };
 
 /**
diff --git a/src/components/TimeSeriesCard/TimeSeriesCard.jsx b/src/components/TimeSeriesCard/TimeSeriesCard.jsx
index 773e9a8de7..cd8ca5db7d 100644
--- a/src/components/TimeSeriesCard/TimeSeriesCard.jsx
+++ b/src/components/TimeSeriesCard/TimeSeriesCard.jsx
@@ -242,10 +242,10 @@ export const handleTooltip = (
 
   // Append all the matching alert labels
   matchingAlertLabelsDOM.querySelectorAll('li').forEach((label) => {
-    defaultTooltipDOM.append(label);
+    defaultTooltipDOM.querySelector('ul').append(label);
   });
 
-  return defaultTooltipDOM.querySelector('ul').outerHTML;
+  return defaultTooltipDOM.innerHTML;
 };
 
 /**