diff --git a/addons/website/static/src/css/website.css b/addons/website/static/src/css/website.css
index 179d89ee850..f3afb173571 100644
--- a/addons/website/static/src/css/website.css
+++ b/addons/website/static/src/css/website.css
@@ -209,6 +209,9 @@ header .collapse ul {
   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
   text-transform: uppercase;
 }
+ul.nav-stacked>li>a {
+    padding: 2px 15px;
+}
 .navbar-inverse .divider-vertical {
   height: 40px;
   margin: 0 9px;
diff --git a/addons/website/static/src/css/website.sass b/addons/website/static/src/css/website.sass
index b92e3b46c40..6bae29cc345 100644
--- a/addons/website/static/src/css/website.sass
+++ b/addons/website/static/src/css/website.sass
@@ -145,7 +145,7 @@ header
 .navbar-nav >li >a
   padding:10px 15px 10px
 
-+/* -- Hack for nav header -- */
+/* -- Hack for nav header -- */
 .nav > li.nav-header
     display: block
     font-size: 11px
@@ -156,27 +156,29 @@ header
     text-transform: uppercase
 
 .navbar-inverse .divider-vertical
-  height: 40px
-  margin: 0 9px
-  border-right: 1px solid #ffffff
-  border-left: 1px solid #f2f2f2
+    height: 40px
+    margin: 0 9px
+    border-right: 1px solid #ffffff
+    border-left: 1px solid #f2f2f2
 
 .navbar-nav .divider-vertical
-  border-right-color: #222
-  border-left-color: #080808
+    border-right-color: #222
+    border-left-color: #080808
 
 .navbar-inverse
-  background-image: -moz-linear-gradient(top, #222, #080808)
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222), to(#080808))
-  background-image: -webkit-linear-gradient(top, #222, #080808)
-  background-image: -o-linear-gradient(top, #222, #080808)
-  background-image: linear-gradient(to bottom, #222, #080808)
-  background-repeat: repeat-x
+    background-image: -moz-linear-gradient(top, #222, #080808)
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222), to(#080808))
+    background-image: -webkit-linear-gradient(top, #222, #080808)
+    background-image: -o-linear-gradient(top, #222, #080808)
+    background-image: linear-gradient(to bottom, #222, #080808)
+    background-repeat: repeat-x
 
 .navbar-default
-  border: 1px solid #d4d4d4
+    border: 1px solid #d4d4d4
 
 /* -- Hack for removing double scrollbar from mobile preview -- */
 .modal
-  overflow: hidden
-  overflow-y: hidden
+    overflow: hidden
+    overflow-y: hidden
+ul.nav-stacked>li>a
+    padding: 2px 15px
\ No newline at end of file
diff --git a/addons/website_mail/views/website_mail.xml b/addons/website_mail/views/website_mail.xml
index 1c5f767d8b6..f6ad9552f9f 100644
--- a/addons/website_mail/views/website_mail.xml
+++ b/addons/website_mail/views/website_mail.xml
@@ -116,7 +116,7 @@
                     <ul class="nav list-group css_nav_month" style="padding-left: 16px;">
                         <t t-foreach="year['months']">
                             <li class="js_nav_month"><a href="#" t-att-data-domain="__domain"><t t-esc="date"/> <small>(<t t-esc="date_count"/>)</small></a>
-                                <ul class="nav list-group"/>
+                                <ul class="nav list-group nav-stacked" style="padding-left: 16px;"/>
                             </li>
                         </t>
                     </ul>