diff --git a/addons/mrp/i18n/mrp.pot b/addons/mrp/i18n/mrp.pot
index 8b8e6c73a27..041c105f251 100644
--- a/addons/mrp/i18n/mrp.pot
+++ b/addons/mrp/i18n/mrp.pot
@@ -239,7 +239,7 @@ msgstr ""
 
 #. module: mrp
 #: model_terms:ir.ui.view,arch_db:mrp.mrp_production_form_view
-msgid "<span class=\"text-bf\">To Produce</span>"
+msgid "<span class=\"font-weight-bold\">To Produce</span>"
 msgstr ""
 
 #. module: mrp
diff --git a/addons/web/static/src/legacy/js/views/list/list_renderer.js b/addons/web/static/src/legacy/js/views/list/list_renderer.js
index 1b55efd73f2..d9a26e0d48d 100644
--- a/addons/web/static/src/legacy/js/views/list/list_renderer.js
+++ b/addons/web/static/src/legacy/js/views/list/list_renderer.js
@@ -209,7 +209,14 @@ var ListRenderer = BasicRenderer.extend({
         const decorations = {};
         for (const [key, expr] of Object.entries(node.attrs)) {
             if (DECORATIONS.includes(key)) {
-                const cssClass = key.replace('decoration', 'text');
+                let cssClass;
+                if (key === 'decoration-bf') {
+                    cssClass = 'font-weight-bold';
+                } else if (key === 'decoration-it') {
+                    cssClass = 'font-italic';
+                } else {
+                    cssClass = key.replace('decoration', 'text');
+                }
                 decorations[cssClass] = py.parse(py.tokenize(expr));
             }
         }