diff --git a/htdocs/index.html b/htdocs/index.html
index 2d3ba960..fe0e2aeb 100644
--- a/htdocs/index.html
+++ b/htdocs/index.html
@@ -149,7 +149,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="openwebrx-panel openwebrx-meta-panel" id="openwebrx-panel-metadata-wfm" style="display: none;" data-panel-name="metadata-wfm"></div>
+                <div class="openwebrx-panel openwebrx-meta-panel disabled" id="openwebrx-panel-metadata-wfm" style="display: none;" data-panel-name="metadata-wfm"></div>
                 <div class="openwebrx-panel" id="openwebrx-panel-log" data-panel-name="debug" style="width: 619px;">
                     <div class="openwebrx-panel-inner nano" id="openwebrx-log-scroll">
                         <div class="nano-content">
diff --git a/htdocs/lib/DemodulatorPanel.js b/htdocs/lib/DemodulatorPanel.js
index 8292338a..46a5d5db 100644
--- a/htdocs/lib/DemodulatorPanel.js
+++ b/htdocs/lib/DemodulatorPanel.js
@@ -175,7 +175,7 @@ DemodulatorPanel.prototype.updatePanels = function() {
     var showing = 'openwebrx-panel-metadata-' + modulation;
     var metaPanels = $(".openwebrx-meta-panel");
     metaPanels.each(function (_, p) {
-        toggle_panel(p.id, p.id === showing);
+        toggle_panel(p.id, p.id === showing && !p.classList.contains('disabled'));
     });
     metaPanels.metaPanel().each(function() {
         this.clear();
diff --git a/htdocs/lib/MetaPanel.js b/htdocs/lib/MetaPanel.js
index 1a2d7880..7b83ecee 100644
--- a/htdocs/lib/MetaPanel.js
+++ b/htdocs/lib/MetaPanel.js
@@ -10,10 +10,6 @@ MetaPanel.prototype.isSupported = function(data) {
     return this.modes.includes(data.protocol);
 };
 
-MetaPanel.prototype.isEnabled = function() {
-    return true;
-};
-
 MetaPanel.prototype.clear = function() {
     this.el.find(".openwebrx-meta-slot").removeClass("active").removeClass("sync");
 };
@@ -521,7 +517,7 @@ WfmMetaPanel.prototype.setEnabled = function(enabled) {
     if (enabled === this.enabled) return;
     this.enabled = enabled;
     if (enabled) {
-        $(this.el).html(
+        $(this.el).removeClass('disabled').html(
             '<div class="rds-container">' +
                 '<div class="rds-identifier rds-autoclear"></div>' +
                 '<div class="rds-stationname rds-autoclear"></div>' +
@@ -538,14 +534,10 @@ WfmMetaPanel.prototype.setEnabled = function(enabled) {
             '</div>'
         );
     } else {
-        $(this.el).emtpy()
+        $(this.el).addClass('disabled').emtpy()
     }
 };
 
-WfmMetaPanel.prototype.isEnabled = function() {
-    return this.enabled;
-};
-
 WfmMetaPanel.prototype.clear = function() {
     $(this.el).find('.rds-autoclear').empty();
     this.pi = '';