diff --git a/src/designer/designer_packages/elsa-workflows-designer/src/components/shared/form-panel/form-panel.tsx b/src/designer/designer_packages/elsa-workflows-designer/src/components/shared/form-panel/form-panel.tsx
index 681d97cec..3646297b4 100644
--- a/src/designer/designer_packages/elsa-workflows-designer/src/components/shared/form-panel/form-panel.tsx
+++ b/src/designer/designer_packages/elsa-workflows-designer/src/components/shared/form-panel/form-panel.tsx
@@ -42,7 +42,7 @@ export class FormPanel {
     const mainTitle = this.mainTitle;
     const subTitle = this.subTitle;
     const orientation = this.orientation;
-    const readonly = true;
+    const readonly = this.isReadonly;
 
     return (
       <div class="tw-absolute tw-inset-0 tw-overflow-hidden">
diff --git a/src/designer/designer_packages/elsa-workflows-designer/src/modules/flowchart/flowchart.tsx b/src/designer/designer_packages/elsa-workflows-designer/src/modules/flowchart/flowchart.tsx
index c211c0149..7992b665d 100644
--- a/src/designer/designer_packages/elsa-workflows-designer/src/modules/flowchart/flowchart.tsx
+++ b/src/designer/designer_packages/elsa-workflows-designer/src/modules/flowchart/flowchart.tsx
@@ -44,7 +44,7 @@ export class FlowchartComponent {
   @Prop() rootActivity: Activity;
   @Prop() interactiveMode: boolean = true;
   @Prop() silent: boolean = false;
-  @Prop() isReadonly: boolean;
+  @Prop() isReadonly: boolean = false;
 
   @Element() el: HTMLElement;
   container: HTMLElement;