diff --git a/CHANGELOG.md b/CHANGELOG.md
index 91153bcfd..8fd677f3a 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,7 @@
 
 ## Next
 * Diff-view for version history
+* Set form fields readonly instead of disabled
 
 
 ## v2024.3 - 2024-01-09
diff --git a/api/src/reportcreator_api/pentests/permissions.py b/api/src/reportcreator_api/pentests/permissions.py
index d97da4f3a..4953b0040 100644
--- a/api/src/reportcreator_api/pentests/permissions.py
+++ b/api/src/reportcreator_api/pentests/permissions.py
@@ -39,9 +39,12 @@ def has_object_permission(self, request, view, obj):
         elif obj.scope == ProjectTypeScope.PROJECT:
             if request.user not in set(map(lambda m: m.user, obj.linked_project.members.all())):
                 return False
-            return request.method in permissions.SAFE_METHODS or view.action in self.public_actions or \
-                (view.action in self.private_actions and obj.source == SourceEnum.CUSTOMIZED) or \
-                (request.user.is_designer and obj.source == SourceEnum.CUSTOMIZED)
+            if request.method in permissions.SAFE_METHODS or view.action in self.public_actions:
+                return True
+            if obj.linked_project.readonly:
+                return False
+            return (view.action in self.private_actions and obj.source == SourceEnum.CUSTOMIZED) or \
+                   (request.user.is_designer and obj.source == SourceEnum.CUSTOMIZED)
         return False
 
 
diff --git a/frontend/src/components/Design/CodeEditor.vue b/frontend/src/components/Design/CodeEditor.vue
index c540c90e1..2f259d85b 100644
--- a/frontend/src/components/Design/CodeEditor.vue
+++ b/frontend/src/components/Design/CodeEditor.vue
@@ -34,10 +34,10 @@ monaco.languages.html.htmlDefaults.setOptions({
 const props = withDefaults(defineProps<{
   modelValue: string,
   language?: string,
-  disabled?: boolean,
+  readonly?: boolean,
 }>(), {
   language: 'plaintext',
-  disabled: false,
+  readonly: false,
 });
 const emits = defineEmits< {
   (e: 'update:modelValue', modelValue: string): void
@@ -52,7 +52,7 @@ onMounted(() => {
   editor = monaco.editor.create(editorElement.value!, {
     value: props.modelValue,
     language: props.language,
-    readOnly: props.disabled,
+    readOnly: props.readonly,
     theme: theme.current.value.dark ? 'vs-dark' : 'vs',
     minimap: {
       enabled: false,
@@ -80,7 +80,7 @@ watch(() => props.modelValue, (val) => {
     editor.setValue(val);
   }
 });
-watch(() => props.disabled, (val) => {
+watch(() => props.readonly, (val) => {
   if (editor) {
     editor.updateOptions({ readOnly: val });
   }
diff --git a/frontend/src/components/Design/FindingOrderingDefinition.vue b/frontend/src/components/Design/FindingOrderingDefinition.vue
index 41f5aa19f..a4d4f6d42 100644
--- a/frontend/src/components/Design/FindingOrderingDefinition.vue
+++ b/frontend/src/components/Design/FindingOrderingDefinition.vue
@@ -11,7 +11,7 @@
           :model-value="props.modelValue"
           @update:model-value="emit('update:modelValue', $event)"
           item-key="field"
-          :disabled="props.disabled"
+          :disabled="props.readonly"
           handle=".draggable-handle"
         >
           <template #item="{element: orderConfig, index: idx}">
@@ -19,7 +19,7 @@
               <template #prepend>
                 <span v-if="idx === 0">Sort by</span>
                 <span v-else>then by</span>
-                <v-icon size="x-large" class="draggable-handle ml-6" :disabled="props.disabled" icon="mdi-drag-horizontal" />
+                <v-icon size="x-large" class="draggable-handle ml-6" :disabled="props.readonly" icon="mdi-drag-horizontal" />
               </template>
               <template #default>
                 <v-row dense>
@@ -31,7 +31,7 @@
                       :items="[{id: orderConfig.field}].concat(availableFindingFields)"
                       item-title="id"
                       item-value="id"
-                      :disabled="props.disabled"
+                      :readonly="props.readonly"
                       class="mt-2"
                     />
                   </v-col>
@@ -41,7 +41,7 @@
                       @update:model-value="updateOrder(idx, orderConfig, $event)"
                       label="Order"
                       :items="[SortOrder.ASC, SortOrder.DESC]"
-                      :disabled="props.disabled"
+                      :readonly="props.readonly"
                       class="mt-2"
                     />
                   </v-col>
@@ -52,7 +52,7 @@
                 <btn-delete
                   :delete="() => deleteOrderConfig(orderConfig)"
                   :confirm="false"
-                  :disabled="props.disabled"
+                  :disabled="props.readonly"
                   button-variant="icon"
                 />
               </template>
@@ -63,7 +63,7 @@
         <v-list-item>
           <s-btn-secondary
             @click="addField"
-            :disabled="props.disabled || availableFindingFields.length === 0"
+            :disabled="props.readonly || availableFindingFields.length === 0"
             prepend-icon="mdi-plus"
             text="Add"
           />
@@ -80,7 +80,7 @@ import { SortOrder } from '~/utils/types';
 const props = defineProps<{
   modelValue: FindingOrderingDefinition[];
   projectType: ProjectType;
-  disabled?: boolean;
+  readonly?: boolean;
 }>();
 const emit = defineEmits<{
   'update:modelValue': [FindingOrderingDefinition[]];
diff --git a/frontend/src/components/Design/InputFieldDefinition.vue b/frontend/src/components/Design/InputFieldDefinition.vue
index 8e06b2b19..352896202 100644
--- a/frontend/src/components/Design/InputFieldDefinition.vue
+++ b/frontend/src/components/Design/InputFieldDefinition.vue
@@ -8,7 +8,8 @@
             @update:model-value="!props.isObjectProperty ? updateProperty('id', $event) : null"
             @change="updateProperty('id', $event.target.value)"
             :rules="rules.id"
-            :disabled="props.disabled || !props.canChangeStructure"
+            :disabled="!props.canChangeStructure"
+            :readonly="props.readonly"
             label="ID"
             hint="Used to access this field in report templates"
             required
@@ -20,7 +21,8 @@
             :model-value="props.modelValue.type"
             @update:model-value="updateType($event)"
             :items="Object.values(FieldDataType)"
-            :disabled="props.disabled || !props.canChangeStructure"
+            :disabled="!props.canChangeStructure"
+            :readonly="props.readonly"
             label="Data Type"
             hint="Data type of this field. Controls the allowed values and input form."
             required
@@ -31,7 +33,7 @@
           <s-text-field
             :model-value="props.modelValue.label"
             @update:model-value="updateProperty('label', $event)"
-            :disabled="props.disabled"
+            :readonly="props.readonly"
             label="Label"
             hint="Friendly name used in input forms for this field"
             required
@@ -44,7 +46,8 @@
         :model-value="props.modelValue.type"
         @update:model-value="updateProperty('type', $event)"
         :items="Object.values(FieldDataType)"
-        :disabled="props.disabled || !props.canChangeStructure"
+        :disabled="!props.canChangeStructure"
+        :readonly="props.readonly"
         label="Data Type"
         hint="Data type of this field. Controls the allowed values and input form."
         required
@@ -55,7 +58,7 @@
           <s-checkbox
             :model-value="props.modelValue.required || false"
             @update:model-value="updateProperty('required', $event)"
-            :disabled="props.disabled"
+            :readonly="props.readonly"
             label="Required"
             hint="Determines whether this field is required must be filled or optional"
           />
@@ -67,7 +70,7 @@
             <s-checkbox
               :model-value="props.modelValue.spellcheck || false"
               @update:model-value="updateProperty('spellcheck', $event)"
-              :disabled="props.disabled"
+              :readonly="props.readonly"
               label="Spellcheck Supported"
               hint="Support spellchecking for this fields text content."
             />
@@ -78,10 +81,10 @@
               :model-value="props.modelValue.pattern"
               @update:model-value="updateProperty('pattern', $event)"
               :items="predefinedRegexPatterns.map(p => p.value)"
-              :disabled="props.disabled"
+              :readonly="props.readonly"
               label="Pattern"
               hint="RegEx pattern to validate the input against."
-              clearable
+              :clearable="!props.readonly"
               :rules="rules.pattern"
               spellcheck="false"
             >
@@ -103,7 +106,7 @@
               :model-value="props.modelValue.cvss_version || null"
               @update:model-value="updateProperty('cvss_version', $event)"
               :items="[{ title: 'Any', value: null }, CvssVersion.CVSS40, CvssVersion.CVSS31]"
-              :disabled="props.disabled"
+              :readonly="props.readonly"
               label="CVSS Version"
               hint="Require a specific CVSS version"
               class="mt-2"
@@ -119,7 +122,7 @@
           :model-value="props.modelValue.choices || []"
           @update:model-value="updateEnumChoice('sort', 0, $event)"
           :item-key="(item: EnumFieldChoiceDefinition) => (props.modelValue.choices || []).indexOf(item)"
-          :disabled="props.disabled || !props.canChangeStructure"
+          :disabled="props.readonly || !props.canChangeStructure"
           handle=".draggable-handle"
         >
           <template #item="{ element: choice, index: choiceIdx }">
@@ -129,7 +132,7 @@
                   <v-icon
                     size="x-large"
                     class="draggable-handle"
-                    :disabled="props.disabled || !props.canChangeStructure"
+                    :disabled="props.readonly || !props.canChangeStructure"
                     icon="mdi-drag-horizontal"
                   />
                 </template>
@@ -139,7 +142,8 @@
                       <s-text-field
                         :model-value="choice.value"
                         @update:model-value="updateEnumChoice('updateValue', choiceIdx, $event)"
-                        :disabled="props.disabled || !props.canChangeStructure"
+                        :disabled="!props.canChangeStructure"
+                        :readonly="props.readonly"
                         :rules="rules.choice"
                         label="Value"
                         required
@@ -151,7 +155,7 @@
                       <s-text-field
                         :model-value="choice.label"
                         @update:model-value="updateEnumChoice('updateLabel', choiceIdx, $event)"
-                        :disabled="props.disabled"
+                        :readonly="props.readonly"
                         label="Label"
                         required
                         spellcheck="false"
@@ -164,7 +168,7 @@
                   <btn-delete
                     :delete="() => updateEnumChoice('delete', choiceIdx)"
                     :confirm="false"
-                    :disabled="props.disabled || !props.canChangeStructure"
+                    :disabled="props.readonly || !props.canChangeStructure"
                     button-variant="icon"
                   />
                 </template>
@@ -175,7 +179,7 @@
         <v-list-item>
           <s-btn-secondary
             @click="updateEnumChoice('add', 0)"
-            :disabled="props.disabled || !props.canChangeStructure"
+            :disabled="props.readonly || !props.canChangeStructure"
             prepend-icon="mdi-plus"
             text="Add Value"
           />
@@ -189,7 +193,8 @@
             <s-text-field
               :model-value="suggestion"
               @update:model-value="updateComboboxSuggestion('update', suggestionIdx, $event)"
-              :disabled="props.disabled || !props.canChangeStructure"
+              :disabled="!props.canChangeStructure"
+              :readonly="props.readonly"
               label="Value"
               required
               spellcheck="false"
@@ -200,7 +205,7 @@
             <btn-delete
               :delete="() => updateComboboxSuggestion('delete', suggestionIdx)"
               :confirm="false"
-              :disabled="props.disabled || !props.canChangeStructure"
+              :disabled="props.readonly || !props.canChangeStructure"
               button-variant="icon"
             />
           </template>
@@ -208,7 +213,7 @@
         <v-list-item>
           <s-btn-secondary
             @click="updateComboboxSuggestion('add', 0)"
-            :disabled="props.disabled || !props.canChangeStructure"
+            :disabled="props.readonly || !props.canChangeStructure"
             prepend-icon="mdi-plus"
             text="Add Value"
           />
@@ -219,23 +224,23 @@
         v-if="![FieldDataType.OBJECT, FieldDataType.LIST, FieldDataType.USER].includes(props.modelValue.type as any)"
         :model-value="props.modelValue.default"
         @update:model-value="updateProperty('default', $event)"
-        :definition="{...props.modelValue, label: 'Default Value', required: false, pattern: null} as FieldDefinition"
+        :definition="({...props.modelValue, label: 'Default Value', required: false, pattern: null} as FieldDefinition)"
         :lang="props.lang"
         v-model:spellcheck-enabled="localSettings.designSpellcheckEnabled"
         v-model:markdown-editor-mode="localSettings.designMarkdownEditorMode"
-        :disabled="props.disabled"
+        :readonly="props.readonly"
         :disable-validation="true"
       />
 
       <!-- List Item -->
       <design-input-field-definition
         v-else-if="props.modelValue.type === FieldDataType.LIST"
-        :model-value="props.modelValue.items! as FieldDefinitionWithId"
+        :model-value="(props.modelValue.items! as FieldDefinitionWithId)"
         @update:model-value="updateProperty('items', $event)"
         :is-list-item="true"
         :can-change-structure="props.canChangeStructure"
         :lang="props.lang"
-        :disabled="props.disabled"
+        :readonly="props.readonly"
       />
       <!-- Object -->
       <v-list v-else-if="props.modelValue.type === FieldDataType.OBJECT">
@@ -247,13 +252,13 @@
               :is-object-property="true"
               :can-change-structure="props.canChangeStructure"
               :lang="props.lang"
-              :disabled="props.disabled"
+              :readonly="props.readonly"
             />
           </template>
           <template #append>
             <btn-delete
               :delete="() => updateObject('delete', f.id)"
-              :disabled="props.disabled || !props.canChangeStructure"
+              :disabled="props.readonly || !props.canChangeStructure"
               button-variant="icon"
             />
           </template>
@@ -263,7 +268,7 @@
         <v-list-item>
           <s-btn-secondary
             @click="updateObject('add')"
-            :disabled="props.disabled || !props.canChangeStructure"
+            :disabled="props.readonly || !props.canChangeStructure"
             prepend-icon="mdi-plus"
             text="Add property"
           />
@@ -284,7 +289,7 @@ const props = defineProps<{
   canChangeStructure?: boolean;
   isListItem?: boolean;
   isObjectProperty?: boolean;
-  disabled?: boolean;
+  readonly?: boolean;
   lang?: string|null;
 }>();
 const emit = defineEmits<{
diff --git a/frontend/src/components/Design/PreviewDataForm.vue b/frontend/src/components/Design/PreviewDataForm.vue
index f5baf425f..0fa456bcd 100644
--- a/frontend/src/components/Design/PreviewDataForm.vue
+++ b/frontend/src/components/Design/PreviewDataForm.vue
@@ -17,7 +17,7 @@
           v-model="findings"
           item-key="id"
           handle=".draggable-handle"
-          :disabled="disabled || projectType.finding_ordering.length !== 0"
+          :disabled="props.readonly || projectType.finding_ordering.length !== 0"
         >
           <template #item="{element: finding}">
             <v-list-item
@@ -28,7 +28,7 @@
             >
               <template #prepend>
                 <div v-if="projectType.finding_ordering.length === 0" class="draggable-handle mr-2">
-                  <v-icon :disabled="disabled" icon="mdi-drag-horizontal" />
+                  <v-icon :disabled="props.readonly" icon="mdi-drag-horizontal" />
                 </div>
               </template>
               <template #default>
@@ -37,7 +37,7 @@
               <template #append>
                 <btn-delete
                   :delete="() => deleteFinding(finding)"
-                  :disabled="props.disabled"
+                  :disabled="props.readonly"
                   button-variant="icon"
                   size="small"
                   density="comfortable"
@@ -50,7 +50,7 @@
         <v-list-item>
           <s-btn-secondary
             @click="createFinding"
-            :disabled="props.disabled"
+            :disabled="props.readonly"
             size="x-small"
             block
             prepend-icon="mdi-plus"
@@ -96,7 +96,7 @@ import { scoreFromVector, levelNumberFromLevelName, levelNumberFromScore } from
 const props = defineProps<{
   modelValue: any;
   projectType: ProjectType;
-  disabled?: boolean;
+  readonly?: boolean;
   uploadFile?: (file: File) => Promise<string>;
   rewriteFileUrl?: (fileSrc: string) => string;
 }>();
@@ -212,7 +212,7 @@ const fieldAttrs = computed(() => ({
   rewriteFileUrl: props.rewriteFileUrl,
   selectableUsers: [auth.user.value],
   lang: props.projectType.language,
-  disabled: props.disabled,
+  readonly: props.readonly,
   spellcheckEnabled: localSettings.designSpellcheckEnabled,
   'onUpdate:spellcheckEnabled': (val: boolean) => { localSettings.designSpellcheckEnabled = val },
   markdownEditorMode: localSettings.designMarkdownEditorMode,
diff --git a/frontend/src/components/DynamicInputField.vue b/frontend/src/components/DynamicInputField.vue
index e2cdd5bf3..c26bc6a48 100644
--- a/frontend/src/components/DynamicInputField.vue
+++ b/frontend/src/components/DynamicInputField.vue
@@ -32,7 +32,7 @@
       :items="[{value: null as string|null, label: '---'}].concat(definition.choices!)"
       item-title="label"
       item-value="value"
-      clearable
+      :clearable="!props.readonly"
       v-bind="fieldAttrs"
     />
 
@@ -41,7 +41,7 @@
       v-else-if="definition.type === 'combobox'"
       v-model="formValue"
       :items="definition.suggestions"
-      clearable
+      :clearable="!props.readonly"
       spellcheck="false"
       v-bind="fieldAttrs"
     />
diff --git a/frontend/src/components/S/DatePicker.vue b/frontend/src/components/S/DatePicker.vue
index 6ccc4cf7b..d18184dbb 100644
--- a/frontend/src/components/S/DatePicker.vue
+++ b/frontend/src/components/S/DatePicker.vue
@@ -7,7 +7,7 @@
     :rules="rules"
     prepend-inner-icon="mdi-calendar"
     spellcheck="false"
-    clearable
+    :clearable="props.readonly"
     @click:clear="emits('update:modelValue', null)"
     v-bind="$attrs"
   >
diff --git a/frontend/src/components/S/EmojiPickerField.vue b/frontend/src/components/S/EmojiPickerField.vue
index 271aecbfa..f819eb72b 100644
--- a/frontend/src/components/S/EmojiPickerField.vue
+++ b/frontend/src/components/S/EmojiPickerField.vue
@@ -1,6 +1,5 @@
 <template>
   <s-btn-icon
-    :disabled="disabled"
     :ripple="false"
   >
     <s-emoji v-if="props.modelValue" :value="props.modelValue" />
@@ -9,7 +8,7 @@
     <v-menu
       activator="parent"
       v-model="dialogVisible"
-      :disabled="disabled"
+      :disabled="props.readonly"
       :close-on-content-click="false"
     >
       <picker
@@ -45,11 +44,11 @@ import "emoji-mart-vue-fast/css/emoji-mart.css";
 
 const props = withDefaults(defineProps<{
   modelValue: string|null;
-  disabled?: boolean;
+  readonly?: boolean;
   emptyIcon?: string;
 }>(), {
   modelValue: null,
-  disabled: false,
+  readonly: false,
   emptyIcon: 'mdi-emoticon-outline',
 });
 const emit = defineEmits<{
diff --git a/frontend/src/components/S/MemberRoleSelection.vue b/frontend/src/components/S/MemberRoleSelection.vue
index 5d944c0d7..58543f99a 100644
--- a/frontend/src/components/S/MemberRoleSelection.vue
+++ b/frontend/src/components/S/MemberRoleSelection.vue
@@ -5,7 +5,9 @@
     v-model:menu="menuVisible"
     :items="props.items"
     :disabled="props.disabled"
-    multiple chips closable-chips
+    :readonly="props.readonly"
+    multiple chips 
+    :closable-chips="!props.readonly"
     density="compact"
     variant="solo"
     hide-details="auto"
@@ -26,7 +28,7 @@
       </v-chip>
     </template>
     <template #append-inner>
-      <v-chip size="small" :disabled="disabled" @click="menuVisible = true">
+      <v-chip size="small" @click="menuVisible = true">
         <v-icon size="small" icon="mdi-plus" />
       </v-chip>
     </template>
@@ -38,6 +40,7 @@ const props = defineProps<{
   modelValue: string[];
   items: string[];
   disabled?: boolean;
+  readonly?: boolean;
 }>();
 const emit = defineEmits<{
   (e: 'update:modelValue', value: string[]): void;
diff --git a/frontend/src/components/S/MemberSelection.vue b/frontend/src/components/S/MemberSelection.vue
index 23315793d..69dcfdcc4 100644
--- a/frontend/src/components/S/MemberSelection.vue
+++ b/frontend/src/components/S/MemberSelection.vue
@@ -4,8 +4,8 @@
     @update:model-value="updateMembers"
     label="Members"
     :multiple="true"
-    :disabled="disabled"
-    :readonly="disableAdd"
+    :disabled="props.disabled"
+    :readonly="props.readonly || disableAdd"
     :prevent-unselecting-self="preventUnselectingSelf"
     menu-icon=""
     :clearable="false"
@@ -22,12 +22,13 @@
           :model-value="getRoles(user)"
           @update:model-value="setRoles(user, $event)"
           :items="allRoles"
+          :readonly="props.readonly"
         />
 
         <template #append>
           <s-btn-icon
             @click.stop="removeMember(user)"
-            :readonly="preventUnselectingSelf && user.id === auth.user.value!.id"
+            :disabled="props.readonly || preventUnselectingSelf && user.id === auth.user.value!.id"
             icon="mdi-delete"
           />
         </template>
@@ -39,6 +40,7 @@
         size="small"
         prepend-icon="mdi-plus"
         text="Add"
+        :disabled="props.readonly || disableAdd"
       />
     </template>
   </s-user-selection>
@@ -51,6 +53,7 @@ import uniq from "lodash/uniq";
 const props = withDefaults(defineProps<{
   modelValue: ProjectMember[],
   disabled?: boolean,
+  readonly?: boolean,
   disableAdd?: boolean,
   preventUnselectingSelf?: boolean,
 }>(), {});
diff --git a/frontend/src/components/S/ProjectTypeSelection.vue b/frontend/src/components/S/ProjectTypeSelection.vue
index c133289f0..ceca10979 100644
--- a/frontend/src/components/S/ProjectTypeSelection.vue
+++ b/frontend/src/components/S/ProjectTypeSelection.vue
@@ -7,8 +7,9 @@
     :item-title="formatProjectTypeTitle"
     item-value="id"
     :return-object="props.returnObject"
+    :readonly="props.readonly"
     :rules="rules"
-    :clearable="!props.required"
+    :clearable="!props.required && !props.readonly"
     :hide-no-data="false"
     spellcheck="false"
   >
@@ -43,6 +44,7 @@ const props = withDefaults(defineProps<{
   modelValue: ProjectType|string|null,
   returnObject?: boolean,
   required?: boolean,
+  readonly?: boolean,
   additionalItems?: ProjectType[],
   queryFilters?: Object,
   appendLink?: boolean,
@@ -50,6 +52,7 @@ const props = withDefaults(defineProps<{
 }>(), {
   returnObject: false,
   required: false,
+  readonly: false,
   additionalItems: () => [],
   queryFilters: () => ({}),
   appendLink: false,
diff --git a/frontend/src/components/S/Tags.vue b/frontend/src/components/S/Tags.vue
index 13c8163e6..4727343da 100644
--- a/frontend/src/components/S/Tags.vue
+++ b/frontend/src/components/S/Tags.vue
@@ -3,9 +3,11 @@
     :model-value="props.modelValue"
     @update:model-value="emit('update:modelValue', $event)"
     :items="tagSuggestions"
+    :readonly="props.readonly"
     label="Tags"
     multiple
-    chips closable-chips
+    chips 
+    :closable-chips="!props.readonly"
     spellcheck="false"
   >
     <template #chip="{item, props: chipProps}">
@@ -20,8 +22,10 @@
 const props = withDefaults(defineProps<{
   modelValue: string[];
   items?: string[];
+  readonly?: boolean;
 }>(), {
   items: () => ([]),
+  readonly: false,
 });
 const emit = defineEmits<{
   (e: 'update:modelValue', value: string[]): void
diff --git a/frontend/src/components/S/UserSelection.vue b/frontend/src/components/S/UserSelection.vue
index 002efa068..d2fdcc992 100644
--- a/frontend/src/components/S/UserSelection.vue
+++ b/frontend/src/components/S/UserSelection.vue
@@ -104,7 +104,7 @@ const autocompleteAttrs = computed(() =>
     disabled: props.disabled,
     readonly: props.readonly,
     returnObject: true,
-    clearable: props.clearable,
+    clearable: props.clearable && !props.readonly,
     spellcheck: 'false',
   },
   props.multiple ? {
diff --git a/frontend/src/components/Template/Editor.vue b/frontend/src/components/Template/Editor.vue
index 3158866f7..ac827c594 100644
--- a/frontend/src/components/Template/Editor.vue
+++ b/frontend/src/components/Template/Editor.vue
@@ -52,14 +52,14 @@
     <v-window v-model="currentTab">
       <v-window-item v-for="(translation, idx) in template.translations" :key="idx">
         <dynamic-input-field
-          :disabled="props.readonly"
+          :readonly="props.readonly"
           v-bind="fieldAttrs(translation, fieldDefinitionTitle)"
         />
 
         <s-status-selection
           :model-value="translation.status"
           @update:model-value="(v: any) => updateTranslationField(translation, 'status', v)"
-          :disabled="props.readonly"
+          :readonly="props.readonly"
           variant="outlined"
           density="default"
           class="mt-4"
@@ -68,20 +68,21 @@
           :model-value="template.tags"
           @update:model-value="(v: string[]) => updateTemplateField('tags', v)"
           :items="templateTagSuggestions"
-          :disabled="props.readonly"
+          :readonly="props.readonly"
           class="mt-4"
         />
         <s-language-selection
           :model-value="translation.language"
           @update:model-value="(v: string|null) => updateTranslationField(translation, 'language', v)"
           :items="[currentLanguageInfo].concat(unusedLanguageInfos)"
-          :disabled="props.readonly"
+          :readonly="props.readonly"
           class="mt-4"
         />
 
         <div v-for="d in visibleFieldDefinitionsExceptTitle" :key="d.id" class="d-flex flex-row">
           <dynamic-input-field
-            :disabled="props.readonly || (!translation.is_main && !(d.id in translation.data))"
+            :readonly="props.readonly"
+            :disabled="!translation.is_main && !(d.id in translation.data)"
             class="flex-grow-width"
             v-bind="fieldAttrs(translation, d)"
           />
diff --git a/frontend/src/composables/lockedit.ts b/frontend/src/composables/lockedit.ts
index 04ad0320a..534b1cd48 100644
--- a/frontend/src/composables/lockedit.ts
+++ b/frontend/src/composables/lockedit.ts
@@ -173,6 +173,8 @@ export function useProjectTypeLockEdit(options: {
   projectType: Ref<ProjectType>,
   performSave?: (data: ProjectType) => Promise<void>;
   performDelete?: (data: ProjectType) => Promise<void>;
+  hasEditPermissions?: ComputedRef<boolean>;
+  errorMessage?: ComputedRef<string|null>;
 }) {
   const auth = useAuth();
   const projectType = computed(() => options.projectType.value);
@@ -184,11 +186,17 @@ export function useProjectTypeLockEdit(options: {
   });
 
   const hasEditPermissions = computed(() => {
+    if (options.hasEditPermissions && !options.hasEditPermissions.value) {
+      return false;
+    }
     return (projectType.value.scope === ProjectTypeScope.GLOBAL && auth.permissions.value.designer) ||
-             (projectType.value.scope === ProjectTypeScope.PRIVATE && auth.permissions.value.private_designs) ||
-             (projectType.value.scope === ProjectTypeScope.PROJECT && projectType.value.source === SourceEnum.CUSTOMIZED);
+            (projectType.value.scope === ProjectTypeScope.PRIVATE && auth.permissions.value.private_designs) ||
+            (projectType.value.scope === ProjectTypeScope.PROJECT && projectType.value.source === SourceEnum.CUSTOMIZED);
   });
   const errorMessage = computed(() => {
+    if (options.errorMessage?.value) {
+      return options.errorMessage.value;
+    }
     if (projectType.value.scope === ProjectTypeScope.PROJECT) {
       if (projectType.value.source === SourceEnum.SNAPSHOT) {
         return `This design cannot be edited because it is a snapshot from ${projectType.value.created.split('T')[0]}.`
diff --git a/frontend/src/pages/designs/[projectTypeId]/findingfields.vue b/frontend/src/pages/designs/[projectTypeId]/findingfields.vue
index a5bf8694d..d7e83de75 100644
--- a/frontend/src/pages/designs/[projectTypeId]/findingfields.vue
+++ b/frontend/src/pages/designs/[projectTypeId]/findingfields.vue
@@ -95,7 +95,7 @@
             <design-finding-ordering-definition
               v-model="projectType.finding_ordering"
               :project-type="projectType"
-              :disabled="readonly"
+              :readonly="readonly"
             />
 
             <design-input-field-definition
@@ -103,7 +103,7 @@
               :model-value="f" @update:model-value="updateField(f, $event)"
               :can-change-structure="![FieldOrigin.CORE, FieldOrigin.PREDEFINED].includes(f.origin as any)"
               :lang="projectType.language"
-              :disabled="readonly"
+              :readonly="readonly"
             />
           </template>
           <design-input-field-definition
@@ -111,7 +111,7 @@
             :model-value="currentField" @update:model-value="updateCurrentField"
             :can-change-structure="![FieldOrigin.CORE, FieldOrigin.PREDEFINED].includes(currentField.origin as any)"
             :lang="projectType.language"
-            :disabled="readonly"
+            :readonly="readonly"
           />
         </div>
       </template>
diff --git a/frontend/src/pages/designs/[projectTypeId]/index.vue b/frontend/src/pages/designs/[projectTypeId]/index.vue
index b9e8d3c13..65f76fcc3 100644
--- a/frontend/src/pages/designs/[projectTypeId]/index.vue
+++ b/frontend/src/pages/designs/[projectTypeId]/index.vue
@@ -28,26 +28,26 @@
       <s-text-field
         v-model="projectType.name"
         label="Name"
-        :disabled="readonly"
+        :readonly="readonly"
         class="mt-4"
         spellcheck="false"
       />
       <s-language-selection
         v-model="projectType.language"
-        :disabled="readonly"
+        :readonly="readonly"
         class="mt-4"
       />
       <s-status-selection
         v-model="projectType.status"
         :items="ProjectTypeStatusItems"
-        :disabled="readonly"
+        :readonly="readonly"
         variant="outlined"
         density="default"
         class="mt-4"
       />
       <s-tags
         v-model="projectType.tags"
-        :disabled="readonly"
+        :readonly="readonly"
         class="mt-4"
       />
     </v-form>
diff --git a/frontend/src/pages/designs/[projectTypeId]/pdfdesigner.vue b/frontend/src/pages/designs/[projectTypeId]/pdfdesigner.vue
index c285f2e9d..669333586 100644
--- a/frontend/src/pages/designs/[projectTypeId]/pdfdesigner.vue
+++ b/frontend/src/pages/designs/[projectTypeId]/pdfdesigner.vue
@@ -68,7 +68,7 @@
                 :project-type="projectType"
                 :upload-file="uploadFile"
                 :rewrite-file-url="rewriteFileUrl"
-                :disabled="readonly"
+                :readonly="readonly"
               />
             </v-window-item>
           </v-window>
diff --git a/frontend/src/pages/designs/[projectTypeId]/reportfields.vue b/frontend/src/pages/designs/[projectTypeId]/reportfields.vue
index 265828b5a..c200cbd13 100644
--- a/frontend/src/pages/designs/[projectTypeId]/reportfields.vue
+++ b/frontend/src/pages/designs/[projectTypeId]/reportfields.vue
@@ -120,7 +120,7 @@
                     :rules="rules.sectionId"
                     required
                     spellcheck="false"
-                    :disabled="readonly"
+                    :readonly="readonly"
                   />
                 </v-col>
                 <v-col>
@@ -130,7 +130,7 @@
                     label="Label"
                     required
                     spellcheck="false"
-                    :disabled="readonly"
+                    :readonly="readonly"
                   />
                 </v-col>
               </v-row>
@@ -144,7 +144,7 @@
                 @update:model-value="updateCurrentSectionField(f, $event)"
                 :can-change-structure="![FieldOrigin.CORE, FieldOrigin.PREDEFINED].includes(f.origin as any)"
                 :lang="projectType.language"
-                :disabled="readonly"
+                :readonly="readonly"
               />
               <s-btn-secondary
                 @click.stop="addField(currentItemSection!)"
@@ -162,7 +162,7 @@
             @update:model-value="updateCurrentField"
             :can-change-structure="![FieldOrigin.CORE, FieldOrigin.PREDEFINED].includes(currentItemField!.origin as any)"
             :lang="projectType.language"
-            :disabled="readonly"
+            :readonly="readonly"
           />
         </template>
       </template>
diff --git a/frontend/src/pages/notes/personal/[noteId].vue b/frontend/src/pages/notes/personal/[noteId].vue
index e33bbef87..c9603603c 100644
--- a/frontend/src/pages/notes/personal/[noteId].vue
+++ b/frontend/src/pages/notes/personal/[noteId].vue
@@ -17,7 +17,7 @@
                 v-if="note.checked === null"
                 v-model="note.icon_emoji"
                 :empty-icon="hasChildNotes ? 'mdi-folder-outline' : 'mdi-note-text-outline'"
-                :disabled="readonly"
+                :readonly="readonly"
                 density="comfortable"
               />
               
@@ -98,7 +98,7 @@ function rewriteFileUrl(imgSrc: string) {
   return urlJoin('/api/v1/pentestusers/self/notes/', imgSrc);
 }
 const inputFieldAttrs = computed(() => ({
-  disabled: readonly.value,
+  readonly: readonly.value,
   lang: 'auto',
   spellcheckSupported: true,
   spellcheckEnabled: localSettings.userNoteSpellcheckEnabled,
diff --git a/frontend/src/pages/projects/[projectId]/designer.vue b/frontend/src/pages/projects/[projectId]/designer.vue
index f97f0d806..b3afdc349 100644
--- a/frontend/src/pages/projects/[projectId]/designer.vue
+++ b/frontend/src/pages/projects/[projectId]/designer.vue
@@ -82,11 +82,17 @@ const cssEditor = ref();
 const pdfRenderingInProgress = computed(() => pdfPreviewRef.value?.renderingInProgress);
 
 const project = await useAsyncDataE(async () => await projectStore.getById(route.params.projectId as string), { key: 'projectdesigner:project' })
-const { projectType, toolbarAttrs, readonly } = useProjectTypeLockEdit(await useProjectTypeLockEditOptions({
-  id: project.value.project_type,
-  save: true,
-  saveFields: ['report_template', 'report_styles', 'report_preview_data'],
-}));
+const { projectType, toolbarAttrs, readonly } = useProjectTypeLockEdit({
+  ...await useProjectTypeLockEditOptions({
+    id: project.value.project_type,
+    save: true,
+    saveFields: ['report_template', 'report_styles', 'report_preview_data'],
+  }),
+  hasEditPermissions: computed(() => !project.value.readonly),
+  errorMessage: computed(() => project.value.readonly ? 
+    'This project is finished and cannot be changed anymore. In order to edit this project, re-activate it in the project settings.' : 
+    null),
+});
 
 async function fetchPdf() {
   return await $fetch<PdfResponse>(`/api/v1/pentestprojects/${project.value.id}/preview/`, {
diff --git a/frontend/src/pages/projects/[projectId]/index.vue b/frontend/src/pages/projects/[projectId]/index.vue
index 7687a65a6..144fc96a8 100644
--- a/frontend/src/pages/projects/[projectId]/index.vue
+++ b/frontend/src/pages/projects/[projectId]/index.vue
@@ -61,17 +61,17 @@
         v-model="project.name"
         label="Name"
         :error-messages="serverErrors?.name || []"
-        :disabled="readonly"
+        :readonly="readonly"
         spellcheck="false"
         class="mt-4"
       />
 
       <s-project-type-selection
         :model-value="projectType || project.project_type"
-        @update:model-value="projectType = $event"
+        @update:model-value="projectType = ($event as ProjectType|null)"
         :query-filters="{scope: [ProjectTypeScope.GLOBAL, ProjectTypeScope.PRIVATE, ProjectTypeScope.PROJECT], linked_project: project.id}"
         :error-messages="serverErrors?.project_type || []"
-        :disabled="readonly"
+        :readonly="readonly"
         :append-link="true"
         return-object
         class="mt-4"
@@ -107,19 +107,19 @@
       <s-language-selection
         v-model="project.language"
         :error-messages="serverErrors?.language || []"
-        :disabled="readonly"
+        :readonly="readonly"
         class="mt-4"
       />
       <s-tags
         v-model="project.tags"
         :error-messages="serverErrors?.tags || []"
-        :disabled="readonly"
+        :readonly="readonly"
         class="mt-4"
       />
       <s-member-selection
         v-model="project.members"
         :error-messages="serverErrors?.members || []"
-        :disabled="readonly"
+        :readonly="readonly"
         :required="true"
         label="Members"
         class="mt-4"
@@ -129,7 +129,7 @@
         v-model="project.imported_members"
         :selectable-users="project.imported_members"
         :error-messages="serverErrors?.imported_members || []"
-        :disabled="readonly"
+        :readonly="readonly"
         :disable-add="true"
         label="Members (imported)"
         hint="These users do not exist on this instance, they were imported from somewhere else. They do not have access, but can be included in reports."
@@ -148,7 +148,7 @@ const projectStore = useProjectStore();
 
 const project = await useFetchE<PentestProject>(`/api/v1/pentestprojects/${route.params.projectId}/`, { method: 'GET', key: 'projectSettings:project' });
 const serverErrors = ref<any|null>(null);
-const projectType = ref(null);
+const projectType = ref<ProjectType|null>(null);
 const historyVisible = ref(false);
 
 const formRef = ref<VForm>();
diff --git a/frontend/src/pages/projects/[projectId]/notes/[noteId]/history/[historyDate].vue b/frontend/src/pages/projects/[projectId]/notes/[noteId]/history/[historyDate].vue
index 5c8ba8ac4..0064d7d02 100644
--- a/frontend/src/pages/projects/[projectId]/notes/[noteId]/history/[historyDate].vue
+++ b/frontend/src/pages/projects/[projectId]/notes/[noteId]/history/[historyDate].vue
@@ -17,13 +17,13 @@
                 v-if="note.checked === null"
                 v-model="note.icon_emoji"
                 :empty-icon="hasChildNotes ? 'mdi-folder-outline' : 'mdi-note-text-outline'"
-                :disabled="true"
+                :readonly="true"
                 density="comfortable"
               />
               
               <markdown-text-field-content
                 v-model="note.title"
-                :disabled="true"
+                :readonly="true"
                 :spellcheck-supported="true"
                 v-bind="fieldAttrsHistoric"
                 class="note-title"
@@ -35,7 +35,7 @@
               <s-user-selection
                 v-model="note.assignee"
                 :selectable-users="fieldAttrsHistoric.selectableUsers"
-                :disabled="true"
+                :readonly="true"
                 label="Assignee"
                 variant="underlined"
                 density="compact"
diff --git a/frontend/src/pages/projects/[projectId]/notes/[noteId]/index.vue b/frontend/src/pages/projects/[projectId]/notes/[noteId]/index.vue
index a02856924..3d87da8a5 100644
--- a/frontend/src/pages/projects/[projectId]/notes/[noteId]/index.vue
+++ b/frontend/src/pages/projects/[projectId]/notes/[noteId]/index.vue
@@ -17,14 +17,14 @@
                 v-if="note.checked === null"
                 v-model="note.icon_emoji"
                 :empty-icon="hasChildNotes ? 'mdi-folder-outline' : 'mdi-note-text-outline'"
-                :disabled="readonly"
+                :readonly="readonly"
                 density="comfortable"
               />
               
               <markdown-text-field-content
                 ref="titleRef"
                 v-model="note.title"
-                :disabled="readonly"
+                :readonly="readonly"
                 :spellcheck-supported="true"
                 v-bind="inputFieldAttrs"
                 class="note-title"
@@ -36,7 +36,7 @@
               <s-user-selection
                 v-model="note.assignee"
                 :selectable-users="project.members"
-                :disabled="readonly"
+                :readonly="readonly"
                 label="Assignee"
                 variant="underlined"
                 density="compact"
@@ -67,7 +67,7 @@
         <markdown-page
           ref="textRef"
           v-model="note.text"
-          :disabled="readonly"
+          :readonly="readonly"
           v-bind="inputFieldAttrs"
         />
       </template>
diff --git a/frontend/src/pages/projects/[projectId]/reporting/findings/[findingId]/history/[historyDate].vue b/frontend/src/pages/projects/[projectId]/reporting/findings/[findingId]/history/[historyDate].vue
index 9bf766f2f..e4c8681d2 100644
--- a/frontend/src/pages/projects/[projectId]/reporting/findings/[findingId]/history/[historyDate].vue
+++ b/frontend/src/pages/projects/[projectId]/reporting/findings/[findingId]/history/[historyDate].vue
@@ -3,13 +3,13 @@
     <div v-if="finding && fetchState.data.value">
       <edit-toolbar v-bind="toolbarAttrs">
         <div class="status-container ml-1 mr-1">
-          <s-status-selection v-model="finding.status" :disabled="true" />
+          <s-status-selection v-model="finding.status" :readonly="true" />
         </div>
         <div class="assignee-container ml-1 mr-1 d-none d-lg-block">
           <s-user-selection
             v-model="finding.assignee"
             :selectable-users="fieldAttrsHistoric.selectableUsers"
-            :disabled="true"
+            :readonly="true"
             label="Assignee"
             variant="underlined"
             density="compact"
diff --git a/frontend/src/pages/projects/[projectId]/reporting/findings/[findingId]/index.vue b/frontend/src/pages/projects/[projectId]/reporting/findings/[findingId]/index.vue
index e6f6e902c..24b025966 100644
--- a/frontend/src/pages/projects/[projectId]/reporting/findings/[findingId]/index.vue
+++ b/frontend/src/pages/projects/[projectId]/reporting/findings/[findingId]/index.vue
@@ -21,13 +21,13 @@
           <s-tooltip activator="parent" text="This finding was created from a template: show template" />
         </s-btn-icon>
         <div class="status-container ml-1 mr-1">
-          <s-status-selection v-model="finding.status" :disabled="readonly" />
+          <s-status-selection v-model="finding.status" :readonly="readonly" />
         </div>
         <div class="assignee-container ml-1 mr-1 d-none d-lg-block">
           <s-user-selection
             v-model="finding.assignee"
             :selectable-users="project.members"
-            :disabled="readonly"
+            :readonly="readonly"
             label="Assignee"
             variant="underlined"
             density="compact"
@@ -47,7 +47,7 @@
       <div v-for="fieldId in projectType.finding_field_order" :key="fieldId">
         <dynamic-input-field
           v-model="finding.data[fieldId]"
-          :disabled="readonly"
+          :readonly="readonly"
           :id="fieldId"
           :definition="projectType.finding_fields[fieldId]"
           :autofocus="fieldId === 'title'"
diff --git a/frontend/src/pages/projects/[projectId]/reporting/sections/[sectionId]/history/[historyDate].vue b/frontend/src/pages/projects/[projectId]/reporting/sections/[sectionId]/history/[historyDate].vue
index df107af8c..05f536850 100644
--- a/frontend/src/pages/projects/[projectId]/reporting/sections/[sectionId]/history/[historyDate].vue
+++ b/frontend/src/pages/projects/[projectId]/reporting/sections/[sectionId]/history/[historyDate].vue
@@ -3,13 +3,13 @@
     <div v-if="section && fetchState.data.value">
       <edit-toolbar v-bind="toolbarAttrs">
         <div class="status-container ml-1 mr-1">
-          <s-status-selection v-model="section.status" :disabled="true" />
+          <s-status-selection v-model="section.status" :readonly="true" />
         </div>
         <div class="assignee-container ml-1 mr-1 d-none d-lg-block">
           <s-user-selection
             v-model="section.assignee"
             :selectable-users="fieldAttrsHistoric.selectableUsers"
-            :disabled="true"
+            :readonly="true"
             label="Assignee"
             variant="underlined"
             density="compact"
diff --git a/frontend/src/pages/projects/[projectId]/reporting/sections/[sectionId]/index.vue b/frontend/src/pages/projects/[projectId]/reporting/sections/[sectionId]/index.vue
index 67df436dc..e1105bb77 100644
--- a/frontend/src/pages/projects/[projectId]/reporting/sections/[sectionId]/index.vue
+++ b/frontend/src/pages/projects/[projectId]/reporting/sections/[sectionId]/index.vue
@@ -3,13 +3,13 @@
     <div v-if="section && project && projectType" :key="project.id + section.id">
       <edit-toolbar v-bind="toolbarAttrs" :can-auto-save="true">
         <div class="status-container ml-1 mr-1">
-          <s-status-selection v-model="section.status" :disabled="readonly" />
+          <s-status-selection v-model="section.status" :readonly="readonly" />
         </div>
         <div class="assignee-container ml-1 mr-1 d-none d-lg-block">
           <s-user-selection
             v-model="section.assignee"
             :selectable-users="project.members"
-            :disabled="readonly"
+            :readonly="readonly"
             label="Assignee"
             variant="underlined"
             density="compact"
@@ -29,7 +29,7 @@
       <div v-for="fieldId in section.fields" :key="fieldId">
         <dynamic-input-field
           v-model="section.data[fieldId]"
-          :disabled="readonly"
+          :readonly="readonly"
           :id="fieldId"
           :definition="projectType.report_fields[fieldId]"
           v-bind="inputFieldAttrs"
diff --git a/packages/markdown/mdext/footnotes.js b/packages/markdown/mdext/footnotes.js
index 283fc2f81..9a8fa36e7 100644
--- a/packages/markdown/mdext/footnotes.js
+++ b/packages/markdown/mdext/footnotes.js
@@ -320,7 +320,7 @@ export function rehypeFootnoteSeparatorPreview() {
       },
       children: [{
         type: 'text',
-        value: ', ',
+        value: ',',
       }],
     });
   })