diff --git a/html/translate.html b/html/translate.html
index da082e812..ea4e6e20e 100644
--- a/html/translate.html
+++ b/html/translate.html
@@ -16,8 +16,10 @@
 <h2>{% trans "Translate" %}</h2>
 
 <p>{% blocktrans with unit.position as position %}Showing string {{ position }} out of {{ total }}.{% endblocktrans %}
+<span class="navi">
 <a class="button-prev" href="{{ unit.translation.get_translate_url }}?type={{ type }}&amp;oldpos={{ unit.position }}&amp;dir=back">{% trans "Previous" %}</a>
 <a class="button-next" href="{{ unit.translation.get_translate_url }}?type={{ type }}&amp;oldpos={{ unit.position }}">{% trans "Next" %}</a>
+</span>
 </p>
 
 <form action="{{ unit.translation.get_translate_url }}" method="post">
diff --git a/media/js/loader.js b/media/js/loader.js
index 9412382c7..13e2775ee 100644
--- a/media/js/loader.js
+++ b/media/js/loader.js
@@ -4,8 +4,9 @@ $(document).ready(function(){
     $('ul.breadcums').buttonset();
     $('.sug-accept').button({text: false, icons: { primary: "ui-icon-check" }});
     $('.sug-delete').button({text: false, icons: { primary: "ui-icon-close" }});
-    $('.button-next').button({text: false, icons: { primary: "ui-icon-triangle-1-e" }});
-    $('.button-prev').button({text: false, icons: { primary: "ui-icon-triangle-1-w" }});
+    $('.navi').buttonset();
+    $('.button-next').button({text: false, icons: { primary: "ui-icon-seek-next" }});
+    $('.button-prev').button({text: false, icons: { primary: "ui-icon-seek-prev" }});
     $('#id_target').change(function f() {$('#id_fuzzy').attr('checked', false);}).focus();
     $('#copy-text').button({text: false, icons: { primary: "ui-icon-arrowthick-1-s" }}).click(function f() {
         $.get("/js/get/" + $('#id_checksum').attr('value') + '/', function(data) {