diff --git a/webapp/TargetedMS/js/QCPlotHelperBase.js b/webapp/TargetedMS/js/QCPlotHelperBase.js
index b701e87fa..3321c3038 100644
--- a/webapp/TargetedMS/js/QCPlotHelperBase.js
+++ b/webapp/TargetedMS/js/QCPlotHelperBase.js
@@ -1150,7 +1150,7 @@ Ext4.define("LABKEY.targetedms.QCPlotHelperBase", {
                 .attr('y', gridTop)
                 .attr('width', overlayW)
                 .attr('height', gridBottom - gridTop)
-                .style({'fill': 'transparent', 'cursor': isZoomed ? 'zoom-out' : 'zoom-in'});
+                .style({'fill': 'none', 'pointer-events': 'all', 'cursor': isZoomed ? 'zoom-out' : 'zoom-in'});
 
             if (isZoomed) {
                 overlayEl.on('click', function() { me.resetYZoom(plotId, axis); });
@@ -1181,7 +1181,7 @@ Ext4.define("LABKEY.targetedms.QCPlotHelperBase", {
                     .attr('x', 0).attr('y', 0)
                     .attr('width', parseFloat(svg.attr('width')) || (gridRight + 80))
                     .attr('height', parseFloat(svg.attr('height')) || (gridBottom + 50))
-                    .style({'fill': 'transparent', 'pointer-events': 'all', 'cursor': 'default'});
+                    .style({'fill': 'none', 'pointer-events': 'all', 'cursor': 'default'});
 
                 zoomButtonGroup = svg.append('g').attr('class', 'y-zoom-buttons');
 
@@ -1254,7 +1254,7 @@ Ext4.define("LABKEY.targetedms.QCPlotHelperBase", {
                 plotClickCapture = svg.append('rect')
                     .attr('x', gridLeft).attr('y', gridTop)
                     .attr('width', gridRight - gridLeft).attr('height', gridBottom - gridTop)
-                    .style({'fill': 'transparent', 'cursor': 'crosshair'})
+                    .style({'fill': 'none', 'pointer-events': 'all', 'cursor': 'crosshair'})
                     .on('click', function() {
                         let clickY = clampY(d3.mouse(svg.node())[1]);
                         let firstY = pendingStartY;
diff --git a/webapp/TargetedMS/js/QCTrendPlotPanel.js b/webapp/TargetedMS/js/QCTrendPlotPanel.js
index d13f0695c..5a6783342 100644
--- a/webapp/TargetedMS/js/QCTrendPlotPanel.js
+++ b/webapp/TargetedMS/js/QCTrendPlotPanel.js
@@ -1639,7 +1639,7 @@ Ext4.define('LABKEY.targetedms.QCTrendPlotPanel', {
             if (!d || !d.name || d.separator) return;
             let isHidden = !!(hidden[d.hoverText || d.name.split(LABKEY.targetedms.QCPlotHelperBase.SERIES_NAME_SEP)[0]]);
             let item = d3.select(this);
-            item.select('path').attr('fill', isHidden ? 'transparent' : (d.color || null));
+            item.select('path').attr('fill', d.color || null).attr('fill-opacity', isHidden ? 0 : null);
             item.select('text').attr('opacity', isHidden ? 0.3 : 1);
             item.select('.legend-check').remove();
             if (!isHidden) {
@@ -1688,7 +1688,7 @@ Ext4.define('LABKEY.targetedms.QCTrendPlotPanel', {
             let isHidden = !!hidden[frag];
             let isActive = d.name.indexOf(fragment + (hasYRightMetric ? LABKEY.targetedms.QCPlotHelperBase.SERIES_NAME_SEP : '')) === 0;
             let item = d3.select(this);
-            item.select('path').attr('fill', isHidden ? 'transparent' : (d.color || null));
+            item.select('path').attr('fill', d.color || null).attr('fill-opacity', isHidden ? 0 : null);
             item.select('text').attr('opacity', isHidden ? 0.1 : (isActive ? 1 : 0.1));
         });
 
@@ -1779,7 +1779,7 @@ Ext4.define('LABKEY.targetedms.QCTrendPlotPanel', {
             if (!d || !d.name || d.separator) return;
             let isHidden = !!hidden[d.hoverText || d.name.split(LABKEY.targetedms.QCPlotHelperBase.SERIES_NAME_SEP)[0]];
             let item = d3.select(this);
-            item.select('path').attr('fill', isHidden ? 'transparent' : (d.color || null));
+            item.select('path').attr('fill', d.color || null).attr('fill-opacity', isHidden ? 0 : null);
             item.select('text').attr('opacity', isHidden ? 0.3 : 1);
             item.select('.legend-check').remove();
             if (!isHidden) {