diff --git a/addons/website_sale/views/website_sale.xml b/addons/website_sale/views/website_sale.xml
index 7720bcada24..9ee05d334b5 100644
--- a/addons/website_sale/views/website_sale.xml
+++ b/addons/website_sale/views/website_sale.xml
@@ -97,8 +97,8 @@
         <t t-call="website_sale.layout">
             <t t-set="title">Product</t>
             <t t-set="shop_content">
-                <nav class='navbar navbar-default navbar-inverse'>
-                    <div class='navbar-header'>
+                <div class='navbar navbar-inverse'>
+                    <div class='navbar-inner'>
                         <t t-call="website.pager" >
                             <t t-set="classname">pull-left</t>
                         </t>
@@ -106,8 +106,8 @@
                             <input type="text" name="search" class="search-query col-md-2" placeholder="Search" t-att-value="search or '' or ''"/>
                         </form>
                     </div>
-                </nav>
-                <div class='row grid grid-align-top'>
+                </div>
+                <div class='row grid grid-align-top' style="margin-left: 16px !important;">
                     <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 ''}">
                         <a t-attf-href="/shop/product/#{ product.id }/?#{ search and ('search=%s' % search) or ''}#{ category_id and ('&amp;category_id=%s' % category_id) or ''}">
@@ -142,13 +142,13 @@
         <t t-call="website_sale.layout">
             <t t-set="title">Product</t>
             <t t-set="shop_content">
-                <nav class='navbar navbar-default navbar-inverse'>
-                    <div class='navbar-header'>
+                <div class='navbar navbar-inverse'>
+                    <div class='navbar-inner'>
                         <form t-attf-action="/shop/#{ category_id and ('category/%s/' % category_id) or ''}" method="get" class="navbar-search pull-right pagination">
                             <input type="text" name="search" class="search-query col-md-2" placeholder="Search" t-att-value="search or '' or ''"/>
                         </form>
                     </div>
-                </nav>
+                </div>
                 <div id="product_detail">
                     <t t-call="website.publish"><t t-set="object" t-value="product"/></t>
                     <h2 t-field="product.name"></h2>
@@ -177,17 +177,17 @@
         <xpath expr="//div[@id='product_detail']" position="inside">
             <div class="well mt32" t-if="product.recommended_products()">
                 <h4>Customers who have bought this item also bought</h4>
-                <div class='row mt16'>
-                <t t-foreach="product.recommended_products()" t-as="product">
-                    <div class='col-md-2 thumbnail'>
-                        <a t-attf-href="/shop/product/#{ product.id }/">
-                            <div class='mt16 text-center'>
-                                <img t-att-src="product.img('image_small')" class="img-responsive" />
-                                <h5 t-field='product.name'></h5>
-                            </div>
-                        </a>
-                    </div>
-                </t>
+                <div class='row mt16' style="margin-left: 15px !important;">
+                    <t t-foreach="product.recommended_products()" t-as="product">
+                        <div class='col-md-2 thumbnail'>
+                            <a t-attf-href="/shop/product/#{ product.id }/">
+                                <div class='mt16 text-center'>
+                                    <img t-att-src="product.img('image_small')"/>
+                                    <h5 t-field='product.name'></h5>
+                                </div>
+                            </a>
+                        </div>
+                    </t>
                 </div>
             </div>
         </xpath>
@@ -306,7 +306,7 @@
                     <div class='col-md-2 thumbnail'>
                         <a t-attf-href="/shop/product/#{ product.id }/">
                             <div class='mt16 text-center'>
-                                <img t-att-src="product.img('image_small')" class="img-responsive" />
+                                <img t-att-src="product.img('image_small')"/>
                                 <h5 t-field='product.name'></h5>
                             </div>
                         </a>
@@ -364,7 +364,7 @@
                     </div>
                     <form class="col-md-8 form-horizontal" action="/shop/confirm_order/" method="post">
                         <div class=" row">
-                            <a t-if="not partner" t-attf-href="/admin#action=redirect&amp;url=#{ host_url }/shop/checkout/" class="btn btn-default btn-primary">Log me, I have an account</a>
+                            <a t-if="not partner" t-attf-href="/admin#action=redirect&amp;url=#{ host_url }/shop/checkout/" class="btn btn-default btn-primary">Log me, I have an account</a><br/>
                             <h3 class="col-md-10">Billing Information</h3>
                             <div t-attf-class="form-group #{error.get('name', '')}">
                                 <label class="col-lg-3 control-label" for="contact_name">Name and firstname</label>
@@ -437,7 +437,7 @@
                                     </select>
                                 </div>
                             </div>
-                            <div class="form-group checkbox">
+                            <div class="checkbox">
                                 <div class="col-lg-3">
                                     <label label-default="label-default" class="checkbox">
                                         <input t-if="not shipping" type="checkbox" name="shipping_different"/>
@@ -562,7 +562,7 @@
                             <t t-foreach="payments or []" t-as="payment">
                                 <div t-att-data-id="payment.id" t-raw="payment._content" class="hidden col-md-6"/>
                             </t>
-                            <a href="/shop/payment_validate/" class="hidden btn">I validate my payment</a>
+                            <a href="/shop/payment_validate/" class="hidden btn btn-default">I validate my payment</a>
                         </div>
                     </div>
                 </div>