diff --git a/src/Umbraco.Web.UI.Client/src/views/components/elementeditor/umb-element-editor-content.component.html b/src/Umbraco.Web.UI.Client/src/views/components/elementeditor/umb-element-editor-content.component.html
index 6f4d77b3ff..b132038b91 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/elementeditor/umb-element-editor-content.component.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/elementeditor/umb-element-editor-content.component.html
@@ -15,14 +15,11 @@
                     show-inherit="vm.model.variants.length > 1 && !property.culture && !activeVariant.language.isDefault"
                     inherits-from="defaultVariant.language.name">
 
-                    <div ng-class="{'o-40 cursor-not-allowed': vm.model.variants.length > 1 && !activeVariant.language.isDefault && !property.culture && !property.unlockInvariantValue}">
-                        <umb-property-editor
-                            model="property"
-                            preview="vm.model.variants.length > 1 && !activeVariant.language.isDefault && !property.culture && !property.unlockInvariantValue"
-                            ng-attr-readonly="{{vm.model.language.culture === 'da-DK' || undefined}}">
-                            <!-- TODO: Update with correct check for readonly -->
-                        </umb-property-editor>
-                    </div>
+                    <umb-property-editor
+                        model="property"
+                        preview="vm.model.variants.length > 1 && !activeVariant.language.isDefault && !property.culture && !property.unlockInvariantValue"
+                        ng-attr-readonly="{{!vm.allowUpdate || undefined}}">
+                    </umb-property-editor>
 
                 </umb-property>
             </umb-box-content>
@@ -47,14 +44,11 @@
                     show-inherit="vm.model.variants.length > 1 && !property.culture && !activeVariant.language.isDefault"
                     inherits-from="defaultVariant.language.name">
 
-                    <div ng-class="{'o-40 cursor-not-allowed': vm.model.variants.length > 1 && !activeVariant.language.isDefault && !property.culture && !property.unlockInvariantValue}">
-                        <umb-property-editor
-                            model="property"
-                            preview="vm.model.variants.length > 1 && !activeVariant.language.isDefault && !property.culture && !property.unlockInvariantValue"
-                            ng-attr-readonly="{{vm.model.language.culture === 'da-DK' || undefined}}">
-                            <!-- TODO: Update with correct check for readonly -->
-                        </umb-property-editor>
-                    </div>
+                    <umb-property-editor
+                        model="property"
+                        preview="vm.model.variants.length > 1 && !activeVariant.language.isDefault && !property.culture && !property.unlockInvariantValue"
+                        ng-attr-readonly="{{!vm.allowUpdate || undefined}}">
+                    </umb-property-editor>
 
                 </umb-property>
             </div>
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/elementeditor/umbelementeditorcontent.component.js b/src/Umbraco.Web.UI.Client/src/views/components/elementeditor/umbelementeditorcontent.component.js
index 572097bf88..dd19f16db6 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/elementeditor/umbelementeditorcontent.component.js
+++ b/src/Umbraco.Web.UI.Client/src/views/components/elementeditor/umbelementeditorcontent.component.js
@@ -42,6 +42,12 @@
             }
         });
 
+        $scope.$watchCollection('vm.model.variants', (newValue) => {
+            if (newValue && newValue.length > 0) {
+                vm.allowUpdate = newValue[0].allowedActions.includes('A');
+            }
+        });
+
         function getScope() {
             return $scope;
         }