diff --git a/apps/client/src/widgets/PromotedAttributes.tsx b/apps/client/src/widgets/PromotedAttributes.tsx
index 1a62b49e1..1086c350e 100644
--- a/apps/client/src/widgets/PromotedAttributes.tsx
+++ b/apps/client/src/widgets/PromotedAttributes.tsx
@@ -66,6 +66,12 @@ export default function PromotedAttributes() {
 
             for (const valueAttr of valueAttrs) {
                 const definition = definitionAttr.getDefinition();
+
+                // if not owned, we'll force creation of a new attribute instead of updating the inherited one
+                if (valueAttr.noteId !== note.noteId) {
+                    valueAttr.attributeId = "";
+                }
+
                 cells.push({  definitionAttr, definition, valueAttr, valueName });
             }
         }
@@ -103,8 +109,14 @@ function PromotedAttributeCell(props: CellProps) {
             <label for={inputId}>{definition.promotedAlias ?? valueName}</label>
             <div className="input-group">
                 <input
+                    className="form-control promoted-attribute-input"
                     tabIndex={200 + definitionAttr.position}
                     id={inputId}
+                    value={valueAttr.value}
+                    placeholder={t("promoted_attributes.unset-field-placeholder")}
+                    data-attribute-id={valueAttr.attributeId}
+                    data-attribute-type={valueAttr.type}
+                    data-attribute-name={valueAttr.name}
                 />
             </div>
             <ActionCell />
diff --git a/apps/client/src/widgets/promoted_attributes.ts b/apps/client/src/widgets/promoted_attributes.ts
index eb73c6885..3625cf4e0 100644
--- a/apps/client/src/widgets/promoted_attributes.ts
+++ b/apps/client/src/widgets/promoted_attributes.ts
@@ -23,13 +23,6 @@ export default class PromotedAttributesWidget extends NoteContextAwareWidget {
         const definition = definitionAttr.getDefinition();
 
         const $input = $("<input>")
-            .attr("data-attribute-id", valueAttr.noteId === this.noteId ? valueAttr.attributeId ?? "" : "") // if not owned, we'll force creation of a new attribute instead of updating the inherited one
-            .attr("data-attribute-type", valueAttr.type)
-            .attr("data-attribute-name", valueAttr.name)
-            .prop("value", valueAttr.value)
-            .prop("placeholder", t("promoted_attributes.unset-field-placeholder"))
-            .addClass("form-control")
-            .addClass("promoted-attribute-input")
             .on("change", (event) => this.promotedAttributeChanged(event));
 
         if (valueAttr.type === "label") {