diff --git a/src/static_src/scss/_sky.scss b/src/static_src/scss/_sky.scss
index ba2b31f..cfcb335 100644
--- a/src/static_src/scss/_sky.scss
+++ b/src/static_src/scss/_sky.scss
@@ -972,6 +972,14 @@ body.page-sky {
     margin: 0;
 }
 
+// The applet's padding is asymmetric — 2.5rem left (rotated h2 gutter) and
+// 0.75rem right — so the SVG's geometric center sits 0.875rem right of the
+// applet's padding-box center. Shift the DEL btn by half the asymmetry so it
+// re-aligns with the SVG's actual center instead of the applet's box center.
+#id_applet_sky_delete_btn {
+    left: calc(50% + 0.875rem);
+}
+
 // Stack wheel above form; allow body to grow past viewport (page scrolls, not body)
 .sky-page .sky-modal-body {
     flex-direction: column;