diff --git a/app/src/views/private/components/drawer-item.vue b/app/src/views/private/components/drawer-item.vue
index d75e20c529..50baa8b63c 100644
--- a/app/src/views/private/components/drawer-item.vue
+++ b/app/src/views/private/components/drawer-item.vue
@@ -63,6 +63,7 @@
 import api from '@/api';
 import { getRootPath } from '@/utils/get-root-path';
 import FilePreview from '@/views/private/components/file-preview.vue';
+import { set } from 'lodash';
 import { computed, defineComponent, PropType, ref, toRefs, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
@@ -177,8 +178,11 @@ export default defineComponent({
 
 		const fields = computed(() => {
 			if (props.circularField) {
-				return fieldsWithPermissions.value.filter((field: Field) => {
-					return field.field !== props.circularField;
+				return fieldsWithPermissions.value.map((field: Field) => {
+					if (field.field === props.circularField) {
+						set(field, 'meta.readonly', true);
+					}
+					return field;
 				});
 			} else {
 				return fieldsWithPermissions.value;