diff --git a/Resources/Public/JavaScript/main.js b/Resources/Public/JavaScript/main.js
index 87d46423d..bebf8b8a5 100644
--- a/Resources/Public/JavaScript/main.js
+++ b/Resources/Public/JavaScript/main.js
@@ -125,15 +125,18 @@ $('.tx-dlf-navigation-rotate-right a, .tx-dlf-navigation-rotate-right span')
     .text("")
     .append('<img src="../../typo3conf/ext/presentation_package/Resources/Public/Images/icon-rotateright.svg" alt="Rotate Right">');
 
+// first page
 $('.tx-dlf-navigation-first a, .tx-dlf-navigation-first span')
     .text("")
     .append('<img src="../../typo3conf/ext/presentation_package/Resources/Public/Images/icon-skipleft.svg" alt="First Page">');
 
-$('.tx-dlf-navigation-prev a, .tx-dlf-navigation-prev span')
+// back X page
+$('.tx-dlf-navigation-back a, .tx-dlf-navigation-back span')
     .text("")
     .append('<img src="../../typo3conf/ext/presentation_package/Resources/Public/Images/icon-doubleleft.svg" alt="Back 5 Pages">');
 
-$('.tx-dlf-navigation-back a, .tx-dlf-navigation-back span')
+// previous page
+$('.tx-dlf-navigation-prev a, .tx-dlf-navigation-prev span')
     .text("")
     .append('<img src="../../typo3conf/ext/presentation_package/Resources/Public/Images/icon-singleleft.svg" alt="Previous Page">');
 
diff --git a/Resources/Public/PluginTemplates/navigation.tmpl b/Resources/Public/PluginTemplates/navigation.tmpl
index 2029f2a55..97e12700d 100644
--- a/Resources/Public/PluginTemplates/navigation.tmpl
+++ b/Resources/Public/PluginTemplates/navigation.tmpl
@@ -34,12 +34,12 @@
         <li class="tx-dlf-navigation-first">
             ###FIRST###
         </li>
-        <li class="tx-dlf-navigation-prev">
-            ###PREVIOUS###
-        </li>
         <li class="tx-dlf-navigation-back">
             ###BACK###
         </li>
+        <li class="tx-dlf-navigation-prev">
+            ###PREVIOUS###
+        </li>
         <li class="tx-dlf-navigation-pageselect">
             ###PAGESELECT###
         </li>