diff --git a/dist/action.js b/dist/action.js
index b48deed..cacf57c 100644
--- a/dist/action.js
+++ b/dist/action.js
@@ -4616,8 +4616,8 @@ function renderNode(n, typeVars, resolveBinding, diffOf) {
     g += `<text x="${width - 8}" y="12" font-size="9" font-weight="700" fill="rgba(200,200,200,0.5)" text-anchor="end">${n.data.childIndex + 1}</text>`;
   }
   if (s.badge) {
-    g += `<circle cx="10" cy="10" r="8" fill="${s.border}"/>`;
-    g += `<text x="10" y="13" font-size="10" font-weight="700" text-anchor="middle" fill="#111">${s.badge}</text>`;
+    g += `<circle cx="${width - 10}" cy="${height - 10}" r="8" fill="${s.border}"/>`;
+    g += `<text x="${width - 10}" y="${height - 7}" font-size="10" font-weight="700" text-anchor="middle" fill="#111">${s.badge}</text>`;
   }
   g += "</g>";
   return g;
diff --git a/src/diff/svg.ts b/src/diff/svg.ts
index b47c1f4..4505f58 100644
--- a/src/diff/svg.ts
+++ b/src/diff/svg.ts
@@ -307,8 +307,8 @@ function renderNode(
     g += `<text x="${width - 8}" y="12" font-size="9" font-weight="700" fill="rgba(200,200,200,0.5)" text-anchor="end">${n.data.childIndex + 1}</text>`;
   }
   if (s.badge) {
-    g += `<circle cx="10" cy="10" r="8" fill="${s.border}"/>`;
-    g += `<text x="10" y="13" font-size="10" font-weight="700" text-anchor="middle" fill="#111">${s.badge}</text>`;
+    g += `<circle cx="${width - 10}" cy="${height - 10}" r="8" fill="${s.border}"/>`;
+    g += `<text x="${width - 10}" y="${height - 7}" font-size="10" font-weight="700" text-anchor="middle" fill="#111">${s.badge}</text>`;
   }
   g += "</g>";
   return g;