diff --git a/src/legend/svgLegend.ts b/src/legend/svgLegend.ts
index a0635cd..91f46a7 100644
--- a/src/legend/svgLegend.ts
+++ b/src/legend/svgLegend.ts
@@ -169,7 +169,7 @@ export class SVGLegend implements ILegend {
 
         this.group = this.svg
             .append("g")
-            .attr("id", "legendGroup");
+            .classed("legendGroup", true);
 
         this.interactiveBehavior = interactiveBehavior ? interactiveBehavior : new LegendBehavior();
         this.interactivityService = interactivityService;
diff --git a/test/legendTest.ts b/test/legendTest.ts
index 9a717eb..cdb10ca 100644
--- a/test/legendTest.ts
+++ b/test/legendTest.ts
@@ -322,7 +322,7 @@ describe("legend", () => {
                 let behavior = new MockOpacityBehavior();
                 const svg = select(element.querySelector("div#jasmine-fixtures svg"));
                 const clearCatcher = appendClearCatcher(svg);
-                const itemsSelection = svg.select("#legendGroup").selectAll(".legendItem");
+                const itemsSelection = svg.select(".legendGroup").selectAll(".legendItem");
 
                 let behaviorOptions: LegendBehaviorOptions = {
                     legendItems: itemsSelection,