diff --git a/addons/website_sale/views/website_sale.xml b/addons/website_sale/views/website_sale.xml
index 44aed08c441..01fc0f783c0 100644
--- a/addons/website_sale/views/website_sale.xml
+++ b/addons/website_sale/views/website_sale.xml
@@ -140,32 +140,34 @@
                 </div>
 
                 <div class='style_default'>
-                  <table class="col-md-12" id="products_grid">
-                    <colgroup>
-                      <col style="width: 1px; margin-right: -1px;" />
-                      <col class="col-md-3" />
-                      <col class="col-md-3" />
-                      <col class="col-md-3" />
-                      <col class="col-md-3" />
-                    </colgroup>
-                    <tbody>
-                      <t t-set="table_products" t-value="get_bin_packing_products(product_ids, product_ids_for_holes, 4)"/>
-                      <tr t-foreach="table_products" t-as="tr_product">
-                        <td class="oe-height-2"></td>
-                        <t t-foreach="tr_product" t-as="td_product">
-                          <t t-if="td_product">
-                          <t t-set="product" t-value="td_product['product']"/>
-                          <td t-att-colspan="td_product['x']"
-                              t-att-rowspan="td_product['y']"
-                              t-attf-class="oe_product #{ td_product['class'] }"
-                              t-att-data-publish="product.website_published and 'on' or 'off'">
-                              <t t-call="website_sale.products_cart"/>
-                          </td>
+                  <div class="col-md-12" id="products_grid">
+                    <table width="100%">
+                      <colgroup>
+                        <col style="width: 1px; margin-right: -1px;" />
+                        <col class="col-md-3" />
+                        <col class="col-md-3" />
+                        <col class="col-md-3" />
+                        <col class="col-md-3" />
+                      </colgroup>
+                      <tbody>
+                        <t t-set="table_products" t-value="get_bin_packing_products(product_ids, product_ids_for_holes, 4)"/>
+                        <tr t-foreach="table_products" t-as="tr_product">
+                          <td class="oe-height-2"></td>
+                          <t t-foreach="tr_product" t-as="td_product">
+                            <t t-if="td_product">
+                            <t t-set="product" t-value="td_product['product']"/>
+                            <td t-att-colspan="td_product['x']"
+                                t-att-rowspan="td_product['y']"
+                                t-attf-class="oe_product #{ td_product['class'] }"
+                                t-att-data-publish="product.website_published and 'on' or 'off'">
+                                <t t-call="website_sale.products_cart"/>
+                            </td>
+                            </t>
                           </t>
-                        </t>
-                      </tr>
-                    </tbody>
-                  </table>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </div>
                 </div>
                 <div class="text-center">
                     <t t-call="website.pager" />
@@ -199,8 +201,8 @@
     <!-- List view of products -->
 
     <template id="list_view" inherit_option_id="website_sale.products" name="List View">
-        <xpath  expr="//table[@id='products_grid']" position="replace">
-          <div class="col-md-12">
+        <xpath expr="//div[@id='products_grid']/table" position="replace">
+          <div class="row">
             <t t-set="products" t-value="get_products(product_ids)"/>
             <t t-foreach="products" t-as="product">
               <div class="col-md-12 oe_list_products oe-height-1">