diff --git a/addons/sale/views/sale_product_configurator_templates.xml b/addons/sale/views/sale_product_configurator_templates.xml
index bf9df14a54d..86feb0125da 100644
--- a/addons/sale/views/sale_product_configurator_templates.xml
+++ b/addons/sale/views/sale_product_configurator_templates.xml
@@ -37,7 +37,7 @@
                             </button>
                         </div>
                     </div>
-                    <p class="css_not_available_msg bg-danger" style="padding: 15px;">This combination does not exist.</p>
+                    <p class="css_not_available_msg alert alert-warning">This combination does not exist.</p>
                 </div>
             </div>
         </div>
@@ -155,7 +155,7 @@
                 "display_currency": to_currency
           }'/>
         <span class="js_raw_price d-none" t-esc="product.price" />
-        <p class="css_not_available_msg bg-danger" style="padding: 5px;">Option not available</p>
+        <p class="css_not_available_msg alert alert-warning">Option not available</p>
 
         <input type="hidden" class="js_optional_same_quantity" t-attf-name="optional-add-#{product.id}" value="0"/>
         <a role="button" href="#" class="js_add"><i class="fa fa-shopping-cart add-optionnal-item"></i></a>
diff --git a/addons/website_sale/views/templates.xml b/addons/website_sale/views/templates.xml
index 65811ba0863..bbeea11cc24 100644
--- a/addons/website_sale/views/templates.xml
+++ b/addons/website_sale/views/templates.xml
@@ -494,7 +494,7 @@
                                         </t>
                                     </t>
                                     <t t-call="website_sale.product_price" />
-                                    <p t-if="product.has_dynamic_attributes() or len(product.product_variant_ids) &gt; 1" class="css_not_available_msg bg-danger" style="padding: 15px;">This combination does not exist.</p>
+                                    <p t-if="product.has_dynamic_attributes() or len(product.product_variant_ids) &gt; 1" class="css_not_available_msg alert alert-warning">This combination does not exist.</p>
                                     <a role="button" id="add_to_cart" class="btn btn-primary btn-lg mt8 js_check_product a-submit" href="#">Add to Cart</a>
                                 </div>
                             </form>