diff --git a/addons/website_sale/static/src/js/website_sale.editor.js b/addons/website_sale/static/src/js/website_sale.editor.js
index 58cc1343cc7..8d394bdd0b6 100644
--- a/addons/website_sale/static/src/js/website_sale.editor.js
+++ b/addons/website_sale/static/src/js/website_sale.editor.js
@@ -201,7 +201,7 @@ options.registry.WebsiteSaleProductsItem = options.Class.extend({
      */
     onFocus: function () {
         var listLayoutEnabled = this.$target.closest('#products_grid').hasClass('o_wsale_layout_list');
-        this.$el.find('.o_wsale_soptions_menu_sizes').closest('we-collapse-area')
+        this.$el.find('.o_wsale_soptions_menu_sizes')
             .toggleClass('d-none', listLayoutEnabled);
     },
 
diff --git a/addons/website_sale/views/snippets.xml b/addons/website_sale/views/snippets.xml
index 5227f19ce42..0d6303a2a39 100644
--- a/addons/website_sale/views/snippets.xml
+++ b/addons/website_sale/views/snippets.xml
@@ -71,39 +71,34 @@
         <div data-js="WebsiteSaleProductsItem"
             data-selector="#products_grid .oe_product"
             data-no-check="true">
-            <we-collapse-area>
-                <we-toggler>Size</we-toggler>
-                <we-collapse class="o_wsale_soptions_menu_sizes">
-                    <table>
-                        <tr>
-                            <td/><td/><td/><td/>
-                        </tr>
-                        <tr>
-                            <td/><td/><td/><td/>
-                        </tr>
-                        <tr>
-                            <td/><td/><td/><td/>
-                        </tr>
-                        <tr>
-                            <td/><td/><td/><td/>
-                        </tr>
-                    </table>
-                </we-collapse>
-            </we-collapse-area>
+            <div class="o_wsale_soptions_menu_sizes">
+                <we-title>Size</we-title>
+                <table>
+                    <tr>
+                        <td/><td/><td/><td/>
+                    </tr>
+                    <tr>
+                        <td/><td/><td/><td/>
+                    </tr>
+                    <tr>
+                        <td/><td/><td/><td/>
+                    </tr>
+                    <tr>
+                        <td/><td/><td/><td/>
+                    </tr>
+                </table>
+            </div>
 
             <div name="style" data-no-preview="true">
                 <!-- Placeholder to be filled in JS -->
             </div>
 
-            <we-collapse-area>
-                <we-toggler>Promote</we-toggler>
-                <we-collapse data-no-preview="true">
-                    <we-button data-change-sequence="top">Push to top</we-button>
-                    <we-button data-change-sequence="up">Push up</we-button>
-                    <we-button data-change-sequence="down">Push down</we-button>
-                    <we-button data-change-sequence="bottom">Push to bottom</we-button>
-                </we-collapse>
-            </we-collapse-area>
+            <div name="reordering" data-no-preview="true">
+                <we-button data-change-sequence="top">Push to top</we-button>
+                <we-button data-change-sequence="up">Push up</we-button>
+                <we-button data-change-sequence="down">Push down</we-button>
+                <we-button data-change-sequence="bottom">Push to bottom</we-button>
+            </div>
         </div>
 
         <div data-js="ProductsSearchBar"