diff --git a/product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asStandardHTML.xml b/product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asStandardHTML.xml
index ef354b77aa0b011bb120f248cc05cd2ed2f5fe4b..29613474fa45bcc793d67ca8ce372f6c71bdf328 100644
--- a/product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asStandardHTML.xml
+++ b/product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asStandardHTML.xml
@@ -114,7 +114,8 @@
                     tal:attributes="id string:${field_id}_item_number"\n
                     i18n:translate="" i18n:domain="ui"> - <tal:block tal:replace="python: len(here.getCheckedUidList())" i18n:name="number">0</tal:block> item(s) selected</span>\n
               </td>\n
-              <td style="white-space: nowrap; vertical-align: middle; text-align: center;">\n
+\n
+              <td class="pageNavigation" style="white-space: nowrap; vertical-align: middle; text-align: center;">\n
                 <tal:block metal:use-macro="real_context/page_navigation_render/macros/page_navigation" />\n
               </td>\n
             </tr>\n
diff --git a/product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asTableStyleHTML.xml b/product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asTableStyleHTML.xml
index 33c16d17199a521e2f54a45c383ec130abbe1ad4..076d088b01a2f9eb7956208820811293f16645da 100644
--- a/product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asTableStyleHTML.xml
+++ b/product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/ListBox_asTableStyleHTML.xml
@@ -313,12 +313,6 @@
               </tr>\n
               <tr tal:condition="python: int(here.total_size) > int(here.getMaxLineNumber())"\n
                 class="tfoot">\n
-                <td style="white-space: nowrap; vertical-align: middle;"\n
-                  tal:condition = "not: is_gadget_mode"\n
-                  tal:attributes="colspan python: len(here.getSelectedColumnList()) + bool(show_select_column)">\n
-                  <tal:block metal:use-macro="real_context/page_navigation_render/macros/page_navigation" />\n
-                </td>\n
-                <!-- Page navigation for gadget mode -->\n
                 <td class="pageNavigation" style="white-space: nowrap; vertical-align: middle; text-align: right;"\n
                     tal:attributes="colspan python: len(here.getSelectedColumnList()) + bool(show_select_column)">\n
                   <tal:block metal:use-macro="real_context/page_navigation_render/macros/page_navigation" />\n
diff --git a/product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/erp5.css.xml b/product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/erp5.css.xml
index f3757fdec05bcaa3719ce658b7bf06aedbbe4078..c8e971aaef6894ac4b9b48596755aa3ed2da2f01 100644
--- a/product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/erp5.css.xml
+++ b/product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/erp5.css.xml
@@ -598,6 +598,39 @@ div.index_html table {\n
   min-height: 2.5em;\n
 }\n
 \n
+.pageNavigation button{\n
+  display: inline;\n
+  border:0 none;\n
+  background-color:inherit;\n
+  vertical-align:middle;\n
+}\n
+\n
+.pageNavigation button.listbox_first_page .image,\n
+.pageNavigation button.listbox_previous_page .image,\n
+.pageNavigation button.listbox_next_page .image,\n
+.pageNavigation button.listbox_last_page .image{\n
+  width:22px;\n
+  height:22px;\n
+  display:block;\n
+  background-color:transparent;\n
+}\n
+\n
+.pageNavigation button.listbox_first_page .image{\n
+  background-image: url(\'<dtml-var expr="portal_url()">/images/2leftarrowv.png\');\n
+}\n
+\n
+.pageNavigation button.listbox_previous_page .image{\n
+  background-image: url(\'<dtml-var expr="portal_url()">/images/1leftarrowv.png\');\n
+}\n
+\n
+.pageNavigation button.listbox_next_page .image{\n
+  background-image: url(\'<dtml-var expr="portal_url()">/images/1rightarrowv.png\');\n
+}\n
+\n
+.pageNavigation button.listbox_last_page .image{\n
+  background-image: url(\'<dtml-var expr="portal_url()">/images/2rightarrowv.png\');\n
+}\n
+\n
 table.fake {\n
   width: 100%;\n
 }\n
diff --git a/product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/page_navigation_render.xml b/product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/page_navigation_render.xml
index 0a0a13bfac0ad81027c516da6162b55ba38bbacd..50087ec46b099aafd737139aa546f9f52c849a83 100644
--- a/product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/page_navigation_render.xml
+++ b/product/ERP5/bootstrap/erp5_xhtml_style/SkinTemplateItem/portal_skins/erp5_xhtml_style/page_navigation_render.xml
@@ -105,8 +105,9 @@
                tal:attributes="id string:${field_id}_first_page;\n
                                value string:|&lt;;\n
                                onclick python:\n
-                               real_context.KnowledgePad_generateAjaxCall(context_url+\'/\'+form_id,box,dom_id,params)">\n
-          <img src="images/2leftarrowv.png"/>\n
+                               real_context.KnowledgePad_generateAjaxCall(context_url+\'/\'+form_id,box,dom_id,params)"\n
+                               i18n:domain="ui" i18n:attributes="title">\n
+          <span class="image"/>\n
         </button>\n
         <button tal:define ="params python: {field_id+\'_previousPage:method\':\'\',\'page_start\':here.current_page+1,\'list_style\':list_style}"\n
                title="Previous Page"\n
@@ -115,9 +116,10 @@
                class="listbox_previous_page"\n
                tal:attributes="id    string:${field_id}_previous_page;\n
                                value string:&lt;&lt;;\n
-                               onclick python: real_context.KnowledgePad_generateAjaxCall(context_url+\'/\'+form_id,box,dom_id,params)">\n
+                               onclick python: real_context.KnowledgePad_generateAjaxCall(context_url+\'/\'+form_id,box,dom_id,params)"\n
+                               i18n:domain="ui" i18n:attributes="title">\n
                              \n
-          <img src="images/1leftarrowv.png"/>\n
+          <span class="image"/>\n
         </button>\n
       </tal:block>\n
       <input id="listbox_set_page" name="page_start"\n
@@ -136,8 +138,9 @@
                type="button"\n
                class="listbox_next_page"\n
                tal:attributes="id    string:${field_id}_next_page;\n
-                               onclick python: real_context.KnowledgePad_generateAjaxCall(context_url+\'/\'+form_id,box,dom_id,params)">\n
-          <img src="images/1rightarrowv.png"/>\n
+                               onclick python: real_context.KnowledgePad_generateAjaxCall(context_url+\'/\'+form_id,box,dom_id,params)"\n
+                               i18n:domain="ui" i18n:attributes="title">\n
+          <span class="image"/>\n
         </button>\n
         <button tal:define ="params python: {field_id+\'_lastPage:method\':\'\',\'total_size\':int(here.total_size), \'list_style\':list_style}"\n
                title="Last Page"\n
@@ -145,8 +148,9 @@
                type="button"\n
                class="listbox_last_page"\n
                tal:attributes="id    string:${field_id}_last_page;\n
-                               onclick python: real_context.KnowledgePad_generateAjaxCall(context_url+\'/\'+form_id,box,dom_id,params)">\n
-          <img src="images/2rightarrowv.png"/>\n
+                               onclick python: real_context.KnowledgePad_generateAjaxCall(context_url+\'/\'+form_id,box,dom_id,params)"\n
+                               i18n:domain="ui" i18n:attributes="title">\n
+          <span class="image"/>\n
         </button>\n
       </tal:block>\n
     </tal:block>\n
diff --git a/product/ERP5/bootstrap/erp5_xhtml_style/bt/revision b/product/ERP5/bootstrap/erp5_xhtml_style/bt/revision
index f0a7147fa36c03ba4f10e2dc7636d4204dfc94e0..45b1ccee2321964dc98e3f1141ca30e395bfff9f 100644
--- a/product/ERP5/bootstrap/erp5_xhtml_style/bt/revision
+++ b/product/ERP5/bootstrap/erp5_xhtml_style/bt/revision
@@ -1 +1 @@
-740
\ No newline at end of file
+741
\ No newline at end of file