diff --git a/addons/website/static/src/css/website.css b/addons/website/static/src/css/website.css
index d9c67b2e48b..0c2c46a2d0a 100644
--- a/addons/website/static/src/css/website.css
+++ b/addons/website/static/src/css/website.css
@@ -79,20 +79,20 @@
 }
 
 /* Grid of unequally tall elements */
-.grid > [class*="span"] {
+.grid > [class*="col-md"] {
   display: inline-block;
   float: none;
   vertical-align: top;
   margin-right: -4px;
   box-sizing: border-box;
 }
-.grid > [class*="span"].grid-align-top > [class*="span"] {
+.grid > [class*="col-md"].grid-align-top > [class*="col-md"] {
   vertical-align: top;
 }
-.grid > [class*="span"].grid-align-middle > [class*="span"] {
+.grid > [class*="col-md"].grid-align-middle > [class*="col-md"] {
   vertical-align: middle;
 }
-.grid > [class*="span"].grid-align-bottom > [class*="span"] {
+.grid > [class*="col-md"].grid-align-bottom > [class*="col-md"] {
   vertical-align: bottom;
 }
 
@@ -212,4 +212,4 @@ header .collapse ul {
     color: #999999;
     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
     text-transform: uppercase;
-}
\ No newline at end of file
+}
diff --git a/addons/website_sale/views/website_sale.xml b/addons/website_sale/views/website_sale.xml
index 983aa173364..efbc5dd95e1 100644
--- a/addons/website_sale/views/website_sale.xml
+++ b/addons/website_sale/views/website_sale.xml
@@ -109,7 +109,7 @@
                 </nav>
                 <div class='row grid grid-align-top'>
                     <t t-foreach="products" t-as="product">
-                    <div t-attf-class="col-md-2 mb16 thumbnail text-center #{not product.website_published and 'alert alert-warning' or ''}">
+                    <div t-attf-class="col-md-2 mb16 thumbnail text-center #{not product.website_published and 'alert alert-warning' or ''}" style="width: 170px; margin-right: 4px; margin-left: 16px;">
                         <a t-attf-href="/shop/product/#{ product.id }/?#{ search and ('search=%s' % search) or ''}#{ category_id and ('&amp;category_id=%s' % category_id) or ''}">
                             <h5  t-field="product.name"> </h5>
                             <img class="img-rounded" t-att-src="product.img('image_small')" />