diff --git a/src/ChartInternal/shape/line.ts b/src/ChartInternal/shape/line.ts
index e6b3c9a73..360f4cd29 100644
--- a/src/ChartInternal/shape/line.ts
+++ b/src/ChartInternal/shape/line.ts
@@ -81,7 +81,6 @@ export default {
 			.style("stroke", $$.color)
 			.merge(line)
 			.style("opacity", $$.initialOpacity.bind($$))
-			.style("shape-rendering", d => ($$.isStepType(d) ? "crispEdges" : ""))
 			.attr("transform", null);
 	},
 
diff --git a/test/shape/line-spec.ts b/test/shape/line-spec.ts
index 0b491c44e..db303061b 100644
--- a/test/shape/line-spec.ts
+++ b/test/shape/line-spec.ts
@@ -65,11 +65,11 @@ describe("SHAPE LINE", () => {
 			args.line.step.type = "step-after";
 		});
 
-		it("should have shape-rendering = crispedges when it's step chart", () => {
+		it("should 'shape-rendering' shouldn't be set 'crispedges' when it's step chart", () => {
 			chart.$.main.selectAll(`.${$LINE.line}`).each(function() {
 				const style = d3Select(this).style("shape-rendering").toLowerCase();
 
-				expect(style).to.be.equal("crispedges");
+				expect(style).to.be.equal("auto");
 			});
 		});