diff --git a/templates/web/prod/index.html.twig b/templates/web/prod/index.html.twig
index 6e8d7118d6..eb57320317 100644
--- a/templates/web/prod/index.html.twig
+++ b/templates/web/prod/index.html.twig
@@ -200,39 +200,53 @@
                     <li class="context-menu-item">
                         <div class="context-menu-item-inner">
                             <a title="{{ 'action:: nouveau panier' | trans }}" class="basket-create-action" href="#">
-                                <img style="cursor:pointer;" src="/assets/common/images/icons/mtadd_0.gif" title="{{ 'action:: nouveau panier' | trans }}" />
-                                {{ 'action:: nouveau panier' | trans }}
+                                <img style="cursor:pointer;" src="/assets/common/images/icons/new_basket.png"
+                                     title="{{ 'action:: nouveau panier' | trans }}"/>
+                                <span>{{ 'action:: nouveau panier' | trans }}</span>
                             </a>
                         </div>
                         <div class="context-menu-item-inner">
                             <a title="{{ 'Browse Baskets' | trans }}" class="basket-browse-action" href="#">
-                                {{ 'Browse Baskets' | trans }}
+                                <img style="cursor:pointer;" src="/assets/common/images/icons/browse_basket.png"
+                                     title="{{ 'Browse Baskets' | trans }}"/>
+                                <span>{{ 'Browse Baskets' | trans }}</span>
                             </a>
                         </div>
                         {% if app['conf'].get(['registry', 'modules', 'stories']) and app.getAclForUser(app.getAuthenticatedUser()).has_right(constant('\\ACL::CANADDRECORD')) %}
-                            <div class="context-menu-item-inner">
+                            <div class="context-menu-item-inner" style="line-height: 34px;">
+                                <div class="divider"></div>
                                 <a title="{{ 'action:: nouveau reportage' | trans }}" class="story-create-action" href="#">
-                                    <img style="cursor:pointer;" src="/assets/common/images/icons/mtadd_0.gif" title="{{ 'action:: nouveau reportage' | trans }}" />
-                                    {{ 'action:: nouveau reportage' | trans }}
+                                    <img style="cursor:pointer;" src="/assets/common/images/icons/new_report.png"
+                                         title="{{ 'action:: nouveau reportage' | trans }}"/>
+                                    <span>{{ 'action:: nouveau reportage' | trans }}</span>
                                 </a>
+                                <div class="divider"></div>
                             </div>
                        {% endif %}
                     </li>
                     <li class="context-menu-item">
                         <div class="context-menu-item-inner basket-filter-action" data-sort="date">
-                            <img style="cursor:pointer;" src="/assets/common/images/icons/cal.png" title="{{ 'phraseanet:: tri par date' | trans }}" />
-                            {{ 'phraseanet:: tri par date' | trans }}
+                            <a title="{{ 'phraseanet:: tri par date' | trans }} " href="#">
+                                <img style="cursor:pointer;" src="/assets/common/images/icons/sort_date.png"
+                                     title="{{ 'phraseanet:: tri par date' | trans }}"/>
+                                <span>{{ 'phraseanet:: tri par date' | trans }}</span>
+                            </a>
                         </div>
                     </li>
                     <li class="context-menu-item">
                         <div class="context-menu-item-inner basket-filter-action" data-sort="name">
-                            <img style="cursor:pointer;" src="/assets/common/images/icons/alpha.png" title="{{ 'phraseanet:: tri par nom' | trans }}" />
-                            {{ 'phraseanet:: tri par nom' | trans }}
+                            <a title="{{ 'phraseanet:: tri par nom' | trans }} " href="#">
+                                <img style="cursor:pointer;" src="/assets/common/images/icons/sort_alpha.png"
+                                     title="{{ 'phraseanet:: tri par nom' | trans }}"/>
+                                <span>{{ 'phraseanet:: tri par nom' | trans }}</span>
+                            </a>
                         </div>
                     </li>
                     <li class="context-menu-item">
                         <div class="context-menu-item-inner basket-preferences-action">
-                            {{ 'Preferences' | trans }}
+                            <a title="{{ 'Preferences' | trans }} " href="#">
+                                <span>{{ 'Preferences' | trans }}</span>
+                            </a>
                         </div>
                     </li>
                 </ul>