diff --git a/wagtail/wagtailadmin/static_src/wagtailadmin/js/hallo-plugins/hallo-wagtaillink.js b/wagtail/wagtailadmin/static_src/wagtailadmin/js/hallo-plugins/hallo-wagtaillink.js
index d2eb81286..8a2cfcfa3 100644
--- a/wagtail/wagtailadmin/static_src/wagtailadmin/js/hallo-plugins/hallo-wagtaillink.js
+++ b/wagtail/wagtailadmin/static_src/wagtailadmin/js/hallo-plugins/hallo-wagtaillink.js
@@ -17,7 +17,7 @@
                     return $(node).parents('a').get(0);
                 };
 
-                button = $('<span></span>');
+                button = jQuery('<span class="' + this.widgetName + '"></span>');
                 button.hallobutton({
                     uuid: this.options.uuid,
                     editable: this.options.editable,
diff --git a/wagtail/wagtaildocs/static_src/wagtaildocs/js/hallo-plugins/hallo-wagtaildoclink.js b/wagtail/wagtaildocs/static_src/wagtaildocs/js/hallo-plugins/hallo-wagtaildoclink.js
index b78e1044f..3e9e0d046 100644
--- a/wagtail/wagtaildocs/static_src/wagtaildocs/js/hallo-plugins/hallo-wagtaildoclink.js
+++ b/wagtail/wagtaildocs/static_src/wagtaildocs/js/hallo-plugins/hallo-wagtaildoclink.js
@@ -10,7 +10,7 @@
                 var button, widget;
 
                 widget = this;
-                button = $('<span></span>');
+                button = jQuery('<span class="' + this.widgetName + '"></span>');
                 button.hallobutton({
                     uuid: this.options.uuid,
                     editable: this.options.editable,
diff --git a/wagtail/wagtailembeds/static_src/wagtailembeds/js/hallo-plugins/hallo-wagtailembeds.js b/wagtail/wagtailembeds/static_src/wagtailembeds/js/hallo-plugins/hallo-wagtailembeds.js
index d698f387d..d3d07a834 100644
--- a/wagtail/wagtailembeds/static_src/wagtailembeds/js/hallo-plugins/hallo-wagtailembeds.js
+++ b/wagtail/wagtailembeds/static_src/wagtailembeds/js/hallo-plugins/hallo-wagtailembeds.js
@@ -10,7 +10,7 @@
                 var button, widget;
 
                 widget = this;
-                button = $('<span></span>');
+                button = jQuery('<span class="' + this.widgetName + '"></span>');
                 button.hallobutton({
                     uuid: this.options.uuid,
                     editable: this.options.editable,
diff --git a/wagtail/wagtailimages/static_src/wagtailimages/js/hallo-plugins/hallo-wagtailimage.js b/wagtail/wagtailimages/static_src/wagtailimages/js/hallo-plugins/hallo-wagtailimage.js
index 9dae8a1e8..2bcd81db0 100644
--- a/wagtail/wagtailimages/static_src/wagtailimages/js/hallo-plugins/hallo-wagtailimage.js
+++ b/wagtail/wagtailimages/static_src/wagtailimages/js/hallo-plugins/hallo-wagtailimage.js
@@ -10,7 +10,7 @@
                 var button, widget;
 
                 widget = this;
-                button = $('<span></span>');
+                button = jQuery('<span class="' + this.widgetName + '"></span>');
                 button.hallobutton({
                     uuid: this.options.uuid,
                     editable: this.options.editable,