diff --git a/src/Components/Charts/Common/BaseTooltip/TooltipData.razor.cs b/src/Components/Charts/Common/BaseTooltip/TooltipData.razor.cs
index b3bc83c..c748d66 100644
--- a/src/Components/Charts/Common/BaseTooltip/TooltipData.razor.cs
+++ b/src/Components/Charts/Common/BaseTooltip/TooltipData.razor.cs
@@ -71,7 +71,7 @@ private RenderFragment TemplateElements()
                 if (GivenContent is not null)
                 {
                     builder.OpenElement(seq++, "div");
-                    builder.AddAttribute(seq++, "id", "tooltip_template");
+                    builder.AddAttribute(seq++, "id", _owner.ID + "tooltip_template");
 
                     if (_sharedTemplate)
                     {
diff --git a/src/wwwroot/scripts/chart.js b/src/wwwroot/scripts/chart.js
index dfa7d44..5f8381b 100644
--- a/src/wwwroot/scripts/chart.js
+++ b/src/wwwroot/scripts/chart.js
@@ -189,7 +189,7 @@ const SfChart = (function () {
     SfChart.prototype.getElementSize = function (id) {
         const element = document.getElementById(id);
         if (element) {
-            const tooltipTemplate = document.getElementById('tooltip_template');
+            const tooltipTemplate = document.getElementById(this.element.id + 'tooltip_template');
             if (tooltipTemplate) {
                 element.innerHTML = '';
                 element.appendChild(tooltipTemplate);