diff --git a/ghost/admin/lib/koenig-editor/addon/components/koenig-card-email-cta.hbs b/ghost/admin/lib/koenig-editor/addon/components/koenig-card-email-cta.hbs
index 0c5ffb894e..8fca06e6d0 100644
--- a/ghost/admin/lib/koenig-editor/addon/components/koenig-card-email-cta.hbs
+++ b/ghost/admin/lib/koenig-editor/addon/components/koenig-card-email-cta.hbs
@@ -17,6 +17,7 @@
     @moveCursorToPrevSection={{@moveCursorToPrevSection}}
     @moveCursorToNextSection={{@moveCursorToNextSection}}
     @editor={{@editor}}
+    {{did-insert this.registerElement}}
     as |card|
 >
     {{#if @isEditing}}
diff --git a/ghost/admin/lib/koenig-editor/addon/components/koenig-card-email-cta.js b/ghost/admin/lib/koenig-editor/addon/components/koenig-card-email-cta.js
index 2900b99e0c..0cad7f8d5b 100644
--- a/ghost/admin/lib/koenig-editor/addon/components/koenig-card-email-cta.js
+++ b/ghost/admin/lib/koenig-editor/addon/components/koenig-card-email-cta.js
@@ -114,6 +114,13 @@ export default class KoenigCardEmailCtaComponent extends Component {
         }
     }
 
+    // required for snippet rects to be calculated - editor reaches in to component,
+    // expecting a non-Glimmer component with a .element property
+    @action
+    registerElement(element) {
+        this.element = element;
+    }
+
     @action
     updateHtml(html) {
         this._updatePayloadAttr('html', html);