diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/property/property/property.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/property/property/property.element.ts
index 545520f6e9..13ff6952d9 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/property/property/property.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/property/property/property.element.ts
@@ -233,6 +233,7 @@ export class UmbPropertyElement extends UmbLitElement {
 
 		this.observe(this.#propertyContext.isReadOnly, (value) => {
 			this._isReadOnly = value;
+			this._element?.toggleAttribute('readonly', value);
 		});
 	}
 
@@ -324,6 +325,8 @@ export class UmbPropertyElement extends UmbLitElement {
 						this.#validationMessageBinder.value = this.#propertyContext.getValue();
 					}
 				}
+
+				this._element.toggleAttribute('readonly', this._isReadOnly);
 			}
 
 			this.requestUpdate('element', oldElement);