diff --git a/addons/website/views/snippets/s_searchbar.xml b/addons/website/views/snippets/s_searchbar.xml
index 4b7aad12872..4b5b65a39ab 100644
--- a/addons/website/views/snippets/s_searchbar.xml
+++ b/addons/website/views/snippets/s_searchbar.xml
@@ -13,7 +13,7 @@
     </t>
 </template>
 <template id="s_searchbar" name="Search">
-    <section class="s_searchbar bg-200 pt48 pb48">
+    <section class="s_searchbar o_colored_level o_cc o_cc2 pt48 pb48">
         <div class="container">
             <div class="row">
                 <div class="col-lg-8 offset-lg-2">
diff --git a/addons/website/views/snippets/s_text_highlight.xml b/addons/website/views/snippets/s_text_highlight.xml
index c5c0c176daf..3dd2ef46958 100644
--- a/addons/website/views/snippets/s_text_highlight.xml
+++ b/addons/website/views/snippets/s_text_highlight.xml
@@ -2,7 +2,7 @@
 <odoo>
 
 <template name="Text Highlight" id="s_text_highlight">
-    <div class="s_text_highlight bg-secondary my-3 text-center w-100">
+    <div class="s_text_highlight o_colored_level o_cc o_cc3 my-3 text-center w-100">
         <div class="container">
             <h3>Text Highlight</h3>
             <p>Put the focus on what you have to say!</p>