diff --git a/packages/webui/src/public/workflows.js b/packages/webui/src/public/workflows.js
index a115d6688..724d0ec6b 100644
--- a/packages/webui/src/public/workflows.js
+++ b/packages/webui/src/public/workflows.js
@@ -508,7 +508,7 @@
   }
   function listBody(org, s, label) {
     const writable = !!s.data.writable, rows = writable ? rowsWithDrafts(org, s) : listed(s);
-    const top = `${notes.has(dkey(org, '', '')) ? `<p class="wfg-status" data-wfg-status>${esc(notes.get(dkey(org, '', '')))}</p>` : ''}${writable ? newForm(org, s) : `<p class="note" data-wfg-readonly>${READ_ONLY}</p>`}`;
+    const top = `${notes.has(dkey(org, '', '')) ? `<p class="wfg-status" data-wfg-status>${esc(notes.get(dkey(org, '', '')))}</p>` : ''}${writable ? newForm(org, s) : `<p class="note wfg-ro" data-wfg-readonly>${READ_ONLY}</p>`}`;
     if (!rows.some(([, , r]) => r.length)) return `${top}${none(org, s, label)}`;
     return top + rows.filter(([scope, , r]) => !scope || r.length).map(([scope, label2, r]) => `<section class="wfg-scope" data-wfg-scope-list="${esc(scope)}"><h2>${esc(label2)}</h2>${r.length ? `<ul class="wfg-list">${r.map(([name, w]) => {
       const steps = stepsOf(w), d = drafts.get(dkey(org, scope, name)), pending = d && changed(d);