diff --git a/scripts/js/charts.js b/scripts/js/charts.js
index a8d0c5fe..a3dd3c09 100644
--- a/scripts/js/charts.js
+++ b/scripts/js/charts.js
@@ -91,17 +91,18 @@ globalThis.htmlLegendPlugin = {
       if (isQueryTypeChart || isForwardDestinationChart) {
         // Text (link to query log page)
         link.title = `List ${item.text} queries`;
-
+        link.className = "legend-label-text clickable";
         if (isQueryTypeChart) {
           link.href = `queries?type=${item.text}`;
         } else if (isForwardDestinationChart) {
           // Encode the forward destination as it may contain an "#" character
           link.href = `queries?upstream=${encodeURIComponent(upstreams[item.text])}`;
         }
+      } else {
+        link.className = "legend-label-text";
       }
 
       link.style.textDecoration = item.hidden ? "line-through" : "";
-      link.className = "legend-label-text";
       link.textContent = item.text;
 
       li.append(boxSpan, link);
diff --git a/style/pi-hole.css b/style/pi-hole.css
index 49e4847d..d6509a05 100644
--- a/style/pi-hole.css
+++ b/style/pi-hole.css
@@ -300,7 +300,7 @@ td.lookatme {
   word-break: break-word;
 }
 
-.chart-legend li a.legend-label-text:hover {
+.chart-legend li a.legend-label-text.clickable:hover {
   text-decoration: underline;
 }