diff --git a/addons/website_sale/data/data.xml b/addons/website_sale/data/data.xml
index 256a6daefdb..10ef714e464 100644
--- a/addons/website_sale/data/data.xml
+++ b/addons/website_sale/data/data.xml
@@ -25,22 +25,22 @@
 
         <record id="website_sale.sale_ribbon" model="product.ribbon">
             <field name="html">Sale</field>
-            <field name="html_class">bg-success o_ribbon_left</field>
+            <field name="html_class">text-bg-success o_ribbon_left</field>
         </record>
 
         <record id="website_sale.sold_out_ribbon" model="product.ribbon">
             <field name="html">Sold out</field>
-            <field name="html_class">bg-danger o_ribbon_left</field>
+            <field name="html_class">text-bg-danger o_ribbon_left</field>
         </record>
 
         <record id="website_sale.out_of_stock_ribbon" model="product.ribbon">
             <field name="html">Out of stock</field>
-            <field name="html_class">bg-warning o_ribbon_left</field>
+            <field name="html_class">text-bg-warning o_ribbon_left</field>
         </record>
 
         <record id="website_sale.new_ribbon" model="product.ribbon">
             <field name="html">New!</field>
-            <field name="html_class">bg-primary o_ribbon_left</field>
+            <field name="html_class">text-bg-primary o_ribbon_left</field>
         </record>
 
         <record id="sales_team.salesteam_website_sales" model="crm.team">