diff --git a/packages/node_modules/@node-red/editor-client/src/js/ui/tray.js b/packages/node_modules/@node-red/editor-client/src/js/ui/tray.js
index 6236b3783..33a186585 100644
--- a/packages/node_modules/@node-red/editor-client/src/js/ui/tray.js
+++ b/packages/node_modules/@node-red/editor-client/src/js/ui/tray.js
@@ -25,9 +25,12 @@ RED.tray = (function() {
     }
     function showTray(options) {
         var el = $('<div class="red-ui-tray"></div>');
-        var header = $('<div class="red-ui-tray-header"></div>').appendTo(el);
+        // `editor-tray-header` is deprecated - use red-ui-tray-body instead
+        var header = $('<div class="red-ui-tray-header editor-tray-header"></div>').appendTo(el);
         var bodyWrapper = $('<div class="red-ui-tray-body-wrapper"></div>').appendTo(el);
-        var body = $('<div class="red-ui-tray-body"></div>').appendTo(bodyWrapper);
+        // `editor-tray-body` is deprecated - use red-ui-tray-body instead
+        var body = $('<div class="red-ui-tray-body editor-tray-body"></div>').appendTo(bodyWrapper);
+        // `editor-tray-footer` is deprecated - use red-ui-tray-footer instead
         var footer = $('<div class="red-ui-tray-footer"></div>').appendTo(el);
         var resizer = $('<div class="red-ui-tray-resize-handle"></div>').appendTo(el);
         // var growButton = $('<a class="red-ui-tray-resize-button" style="cursor: w-resize;"><i class="fa fa-angle-left"></i></a>').appendTo(resizer);