diff --git a/src/Umbraco.Web.UI.Client/src/common/directives/components/content/umbvariantcontent.directive.js b/src/Umbraco.Web.UI.Client/src/common/directives/components/content/umbvariantcontent.directive.js
index 7663616549..85d3233e22 100644
--- a/src/Umbraco.Web.UI.Client/src/common/directives/components/content/umbvariantcontent.directive.js
+++ b/src/Umbraco.Web.UI.Client/src/common/directives/components/content/umbvariantcontent.directive.js
@@ -108,9 +108,10 @@
         });
 
         function onAppChanged(activeApp) {
-
-            // disable the name field if the active content app is not "Content" or "Info"
-            vm.nameDisabled = (activeApp && !contentAppHelper.isContentBasedApp(activeApp)); 
+            // set the name field to readonly if the user don't have update permissions or the active content app is not "Content" or "Info"
+            const allowUpdate = vm.editor.content.allowedActions.includes('A');
+            const isContentBasedApp = activeApp && contentAppHelper.isContentBasedApp(activeApp);
+            vm.nameReadonly = !allowUpdate || !isContentBasedApp;
         }
 
         /**
diff --git a/src/Umbraco.Web.UI.Client/src/common/directives/components/editor/umbeditorcontentheader.directive.js b/src/Umbraco.Web.UI.Client/src/common/directives/components/editor/umbeditorcontentheader.directive.js
index e194d00295..61e3e0283f 100644
--- a/src/Umbraco.Web.UI.Client/src/common/directives/components/editor/umbeditorcontentheader.directive.js
+++ b/src/Umbraco.Web.UI.Client/src/common/directives/components/editor/umbeditorcontentheader.directive.js
@@ -238,6 +238,7 @@
             scope: {
                 name: "=",
                 nameDisabled: "<?",
+                nameReadonly: "<?",
                 menu: "=",
                 hideActionsMenu: "<?",
                 disableActionsMenu: "<?",
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/content/umb-variant-content.html b/src/Umbraco.Web.UI.Client/src/views/components/content/umb-variant-content.html
index 16b5a56038..80f0a2064c 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/content/umb-variant-content.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/content/umb-variant-content.html
@@ -12,6 +12,7 @@
                 disable-actions-menu="vm.disableActionsMenu"
                 name="vm.editor.content.name"
                 name-disabled="vm.nameDisabled"
+                name-readonly="vm.nameReadonly"
                 editor="vm.editor"
                 content="vm.content"
                 on-select-navigation-item="vm.selectApp(item)"
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-content-header.html b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-content-header.html
index 091d3f6a45..93d27b448c 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-content-header.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-content-header.html
@@ -28,6 +28,7 @@
                                ng-model="name"
                                ng-class="{'name-is-empty': $parent.name===null || $parent.name===''}"
                                ng-disabled="nameDisabled"
+                               ng-readonly="nameReadonly"
                                umb-auto-focus
                                focus-on-filled="true"
                                val-server-field="{{serverValidationNameField}}"