diff --git a/client/src/components/miniHistogram/index.js b/client/src/components/miniHistogram/index.js
index 59153d91..c74fb1dd 100644
--- a/client/src/components/miniHistogram/index.js
+++ b/client/src/components/miniHistogram/index.js
@@ -78,6 +78,7 @@ export default class MiniHistogram extends React.PureComponent {
             height,
             borderBottom: "solid rgb(230, 230, 230) 0.25px",
           }}
+          className="mini-histo"
           width={width}
           height={height}
           ref={this.canvasRef}
diff --git a/client/src/components/miniStackedBar/index.js b/client/src/components/miniStackedBar/index.js
index 0eac5f66..15a05002 100644
--- a/client/src/components/miniStackedBar/index.js
+++ b/client/src/components/miniStackedBar/index.js
@@ -63,6 +63,7 @@ export default class MiniStackedBar extends React.PureComponent {
           width,
           height,
         }}
+        className="mini-stacked-bar-canvas"
         width={width}
         height={height}
         ref={this.canvasRef}
diff --git a/client/src/components/scatterplot/scatterplot.js b/client/src/components/scatterplot/scatterplot.js
index 997bdaf4..91addf6e 100644
--- a/client/src/components/scatterplot/scatterplot.js
+++ b/client/src/components/scatterplot/scatterplot.js
@@ -502,6 +502,7 @@ class Scatterplot extends React.PureComponent {
             width={width}
             height={height}
             data-testid="scatterplot"
+            className="scatterplot-canvas"
             style={{
               marginLeft: margin.left,
               marginTop: margin.top,