diff --git a/addons/web/static/src/views/fields/translation_button.js b/addons/web/static/src/views/fields/translation_button.js
index a92a79ce66e..365e0b72b08 100644
--- a/addons/web/static/src/views/fields/translation_button.js
+++ b/addons/web/static/src/views/fields/translation_button.js
@@ -78,3 +78,8 @@ export class TranslationButton extends Component {
     }
 }
 TranslationButton.template = "web.TranslationButton";
+TranslationButton.props = {
+    fieldName: { type: String },
+    record: { type: Object },
+    updateField: { type: Function },
+};
diff --git a/addons/web_editor/static/src/js/backend/html_field.xml b/addons/web_editor/static/src/js/backend/html_field.xml
index 82872c8098c..9c16e9c42af 100644
--- a/addons/web_editor/static/src/js/backend/html_field.xml
+++ b/addons/web_editor/static/src/js/backend/html_field.xml
@@ -29,11 +29,8 @@
                 <span t-attf-style="font-size: 15px; position: absolute; right: {{this.props.codeview ? '40px' : '5px'}}; top: 5px;">
                     <TranslationButton
                         fieldName="props.name"
-                        resId="props.record.resId"
-                        resModel="props.record.resModel"
-                        value="props.value"
+                        record="props.record"
                         updateField="props.update"
-                        context="props.record.context"
                     />
                 </span>
             </t>