diff --git a/addons/base/static/src/css/base.css b/addons/base/static/src/css/base.css
index c2ab3f126d2..343c6688081 100644
--- a/addons/base/static/src/css/base.css
+++ b/addons/base/static/src/css/base.css
@@ -67,6 +67,7 @@ body.openerp {
 .openerp .main_table {
     width: 100%;
     height: 100%;
+    background: #f0eeee;
 }
 
 /* Menu */
@@ -405,7 +406,7 @@ body.openerp {
 .openerp .required.error {
     border: 1px solid #900;
 }
-.openerp .oe_form_pager {
+.openerp .oe_form_pager, .openerp .oe_list_pager {
     text-align: right;
 }
 
@@ -423,7 +424,7 @@ body.openerp {
     background: white;
 }
 .openerp input.field_date, .openerp input.field_datetime {
-    background: url('../img/ui/field_calendar.png') no-repeat right center;
+    background: #fff url('../img/ui/field_calendar.png') no-repeat right center;
     background-origin: content-box;
     -moz-background-origin: content;
     -moz-background-origin: content-box;
diff --git a/addons/base/static/src/xml/base.xml b/addons/base/static/src/xml/base.xml
index dd43448d67c..d8ef6cf93ad 100644
--- a/addons/base/static/src/xml/base.xml
+++ b/addons/base/static/src/xml/base.xml
@@ -135,12 +135,14 @@
     <!--
     <h3><t t-esc="fields_view.arch['@string']"/></h3>
     -->
-    <div style="text-align:right;">
-        <input type="button" value="First"/>
-        <input type="button" value="&lt;&lt;"/>
-        0 / 0
-        <input type="button" value="&gt;&gt;"/>
-        <input type="button" value="Last"/>
+    <div class="oe_list_pager">
+        <button type="button" data-pager-action="first">First</button>
+        <button type="button" data-pager-action="previous">&lt;&lt;</button>
+
+        <span class="oe_pager_index">0</span> / <span class="oe_pager_count">0</span>
+
+        <button type="button" data-pager-action="next">&gt;&gt;</button>
+        <button type="button" data-pager-action="last">Last</button>
     </div>
     <table id="todo_use_unique_id" class="jqGrid"></table>
 </t>