diff --git a/addons/website_sale/static/src/css/Makefile b/addons/website_sale/static/src/css/Makefile
deleted file mode 100644
index c834021017d..00000000000
--- a/addons/website_sale/static/src/css/Makefile
+++ /dev/null
@@ -1,2 +0,0 @@
-sass:
-	sass --compass --trace -t expanded --watch ecommerce.sass:ecommerce.css
diff --git a/addons/website_sale/static/src/css/website_sale.css b/addons/website_sale/static/src/css/website_sale.css
index e69de29bb2d..78e50abf1d0 100644
--- a/addons/website_sale/static/src/css/website_sale.css
+++ b/addons/website_sale/static/src/css/website_sale.css
@@ -0,0 +1,4 @@
+.thumbnail.disabled {
+    opacity: 0.5;
+    background: #eee;
+}
\ 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 ca7aa6aca03..dbdfe98df46 100644
--- a/addons/website_sale/views/website_sale.xml
+++ b/addons/website_sale/views/website_sale.xml
@@ -95,6 +95,10 @@
 
     <template id="products" page="True">
         <t t-call="website_sale.layout">
+            <t t-set="head">
+                <link rel='stylesheet' href='/website_sale/static/src/css/website_sale.css'/>
+                <t t-raw="head or ''"/>
+            </t>
             <t t-set="title">Product</t>
             <t t-set="shop_content">
                 <t t-call="website.pager">
@@ -106,7 +110,7 @@
                 <div class="clearfix"/>
                 <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 ''}" style="width: 170px; margin-left: 16px;">
+                    <div t-attf-class="col-md-2 mb16 thumbnail text-center #{not product.website_published and 'disabled' or ''}" style="width: 170px; 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')"/>