diff --git a/spiffworkflow-frontend/src/components/ReactDiagramEditor.tsx b/spiffworkflow-frontend/src/components/ReactDiagramEditor.tsx
index f4ecc227e..cddb7211d 100644
--- a/spiffworkflow-frontend/src/components/ReactDiagramEditor.tsx
+++ b/spiffworkflow-frontend/src/components/ReactDiagramEditor.tsx
@@ -142,11 +142,14 @@ export default function ReactDiagramEditor({
     }
 
     const temp = document.createElement('template');
+    const panelId: string =
+      diagramType === 'readonly'
+        ? 'hidden-properties-panel'
+        : 'js-properties-panel';
     temp.innerHTML = `
       <div class="content with-diagram" id="js-drop-zone">
-        <div class="canvas ${canvasClass}" id="canvas"
-                            ></div>
-        <div class="properties-panel-parent" id="js-properties-panel"></div>
+        <div class="canvas ${canvasClass}" id="canvas"></div>
+        <div class="properties-panel-parent" id="${panelId}"></div>
       </div>
     `;
     const frag = temp.content;