diff --git a/packages/node_modules/@node-red/editor-client/src/js/ui/statusBar.js b/packages/node_modules/@node-red/editor-client/src/js/ui/statusBar.js
index 7fde232c3..89682fb07 100644
--- a/packages/node_modules/@node-red/editor-client/src/js/ui/statusBar.js
+++ b/packages/node_modules/@node-red/editor-client/src/js/ui/statusBar.js
@@ -33,6 +33,7 @@ RED.statusBar = (function() {
         var el = $('<span class="red-ui-statusbar-widget"></span>');
         el.prop('id', options.id);
         options.element.appendTo(el);
+        options.elementDiv = el;
         if (options.align === 'left') {
             leftBucket.append(el);
         } else if (options.align === 'right') {
@@ -40,12 +41,30 @@ RED.statusBar = (function() {
         }
     }
 
+    function hideWidget(id) {
+        const widget = widgets[id];
+
+        if (widget && widget.elementDiv) {
+            widget.elementDiv.hide();
+        }
+    }
+
+    function showWidget(id) {
+        const widget = widgets[id];
+
+        if (widget && widget.elementDiv) {
+            widget.elementDiv.show();
+        }
+    }
+
     return {
         init: function() {
             leftBucket = $('<span class="red-ui-statusbar-bucket red-ui-statusbar-bucket-left">').appendTo("#red-ui-workspace-footer");
             rightBucket = $('<span class="red-ui-statusbar-bucket red-ui-statusbar-bucket-right">').appendTo("#red-ui-workspace-footer");
         },
-        add: addWidget
+        add: addWidget,
+        hide: hideWidget,
+        show: showWidget
     }
 
 })();