diff --git a/addons/web/static/src/views/fields/field.js b/addons/web/static/src/views/fields/field.js
index 13bb7463479..d63ff7030b9 100644
--- a/addons/web/static/src/views/fields/field.js
+++ b/addons/web/static/src/views/fields/field.js
@@ -196,10 +196,7 @@ export class Field extends Component {
         return false;
     }
 }
-Field.template = xml/* xml */ `
-    <div t-att-name="props.name" t-att-class="classNames" t-att-style="props.style" t-att-data-tooltip-template="tooltip and 'web.FieldTooltip'" t-att-data-tooltip-info="tooltip">
-        <t t-component="FieldComponent" t-props="fieldComponentProps"/>
-    </div>`;
+Field.template = "web.Field";
 
 Field.parseFieldNode = function (node, models, modelName, viewType, jsClass) {
     const name = node.getAttribute("name");
diff --git a/addons/web/static/src/views/fields/field.xml b/addons/web/static/src/views/fields/field.xml
new file mode 100644
index 00000000000..40812cd7268
--- /dev/null
+++ b/addons/web/static/src/views/fields/field.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates xml:space="preserve">
+
+    <t t-name="web.Field" owl="1">
+        <div t-att-name="props.name" t-att-class="classNames" t-att-style="props.style" t-att-data-tooltip-template="tooltip and 'web.FieldTooltip'" t-att-data-tooltip-info="tooltip">
+            <t t-component="FieldComponent" t-props="fieldComponentProps"/>
+        </div>
+    </t>
+
+</templates>