diff --git a/front/components/MemberInstitutionPermissions.vue b/front/components/MemberInstitutionPermissions.vue
index f57696c36..5b0fe3442 100644
--- a/front/components/MemberInstitutionPermissions.vue
+++ b/front/components/MemberInstitutionPermissions.vue
@@ -47,6 +47,7 @@
             :key="permissionLevel.value"
             :value="permissionLevel.value"
             :loading="saving"
+            :disabled="readonly"
             small
             outlined
           >
@@ -76,6 +77,10 @@ export default {
       type: String,
       default: () => '',
     },
+    readonly: {
+      type: Boolean,
+      default: () => false,
+    },
   },
   data() {
     return {
@@ -149,7 +154,9 @@ export default {
     },
 
     async savePermissions() {
-      if (!this.username || !this.institutionId) { return; }
+      if (!this.username || !this.institutionId || this.readonly) {
+        return;
+      }
 
       this.saving = true;
       this.saveError = null;
diff --git a/front/components/MemberRepoPermissions.vue b/front/components/MemberRepoPermissions.vue
index 4fbdc4e60..ee5e647e3 100644
--- a/front/components/MemberRepoPermissions.vue
+++ b/front/components/MemberRepoPermissions.vue
@@ -44,6 +44,7 @@
             :key="permission.value"
             :value="permission.value"
             :loading="loadingPerms[repository.id]"
+            :disabled="readonly"
             small
             outlined
           >
@@ -77,6 +78,10 @@ export default {
       type: String,
       default: () => '',
     },
+    readonly: {
+      type: Boolean,
+      default: () => false,
+    },
   },
   data() {
     return {
@@ -151,7 +156,7 @@ export default {
     },
 
     async savePermission(repositoryId) {
-      if (!this.username) {
+      if (!this.username || this.readonly) {
         return;
       }
 
diff --git a/front/components/MemberSpacePermissions.vue b/front/components/MemberSpacePermissions.vue
index 7cc0dccf7..4beb79292 100644
--- a/front/components/MemberSpacePermissions.vue
+++ b/front/components/MemberSpacePermissions.vue
@@ -44,6 +44,7 @@
             :key="permission.value"
             :value="permission.value"
             :loading="loadingPerms[space.id]"
+            :disabled="readonly"
             small
             outlined
           >
@@ -77,6 +78,10 @@ export default {
       type: String,
       default: () => '',
     },
+    readonly: {
+      type: Boolean,
+      default: () => false,
+    },
   },
   data() {
     return {
@@ -151,7 +156,7 @@ export default {
     },
 
     async savePermission(spaceId) {
-      if (!this.username) {
+      if (!this.username || this.readonly) {
         return;
       }
 
diff --git a/front/components/MemberUpdateDialog.vue b/front/components/MemberUpdateDialog.vue
index 2d34f8fd8..c61da1bec 100644
--- a/front/components/MemberUpdateDialog.vue
+++ b/front/components/MemberUpdateDialog.vue
@@ -29,6 +29,7 @@
         <MemberInstitutionPermissions
           :institution-id="institutionId"
           :username="username"
+          :readonly="readonly"
           class="px-0"
           @change="hasChanged = true"
         />
@@ -44,6 +45,7 @@
         <MemberRepoPermissions
           :institution-id="institutionId"
           :username="username"
+          :readonly="readonly"
           class="px-0"
           @change="hasChanged = true"
         />
@@ -59,6 +61,7 @@
         <MemberSpacePermissions
           :institution-id="institutionId"
           :username="username"
+          :readonly="readonly"
           class="px-0"
           @change="hasChanged = true"
         />