diff --git a/d2cli/static/watch.js b/d2cli/static/watch.js
index 4d91259eb..b3596eff2 100644
--- a/d2cli/static/watch.js
+++ b/d2cli/static/watch.js
@@ -27,7 +27,7 @@ function init(reconnectDelay) {
       const parsedXML = new DOMParser().parseFromString(msg.svg, "text/xml");
       d2SVG.replaceChildren(parsedXML.documentElement);
       changeFavicon("/static/favicon.ico");
-      const svgEl = d2SVG.querySelector("#d2-svg");
+      const svgEl = d2SVG.querySelector(".d2-svg");
       // just use inner SVG in watch mode
       svgEl.parentElement.replaceWith(svgEl);
       let width = parseInt(svgEl.getAttribute("width"), 10);
diff --git a/d2renderers/d2animate/d2animate.go b/d2renderers/d2animate/d2animate.go
index ac25928aa..b750346e1 100644
--- a/d2renderers/d2animate/d2animate.go
+++ b/d2renderers/d2animate/d2animate.go
@@ -68,7 +68,7 @@ func Wrap(rootDiagram *d2target.Diagram, svgs [][]byte, renderOpts d2svg.RenderO
 	)
 	fmt.Fprint(buf, fitToScreenWrapperOpening)
 
-	innerOpening := fmt.Sprintf(`<svg id="d2-svg" width="%d" height="%d" viewBox="%d %d %d %d">`,
+	innerOpening := fmt.Sprintf(`<svg class="d2-svg" width="%d" height="%d" viewBox="%d %d %d %d">`,
 		width, height, left, top, width, height)
 	fmt.Fprint(buf, innerOpening)
 
diff --git a/d2renderers/d2svg/d2svg.go b/d2renderers/d2svg/d2svg.go
index c6a73ba9c..f4468e440 100644
--- a/d2renderers/d2svg/d2svg.go
+++ b/d2renderers/d2svg/d2svg.go
@@ -2123,7 +2123,7 @@ func Render(diagram *d2target.Diagram, opts *RenderOpts) ([]byte, error) {
 			xmlTag = `<?xml version="1.0" encoding="utf-8"?>`
 		}
 		fitToScreenWrapperClosing = "</svg>"
-		idAttr = `id="d2-svg"`
+		idAttr = `class="d2-svg"`
 		tag = "svg"
 	}