diff --git a/app/assets/javascripts/angular/controllers/dialogs/sorting.js b/app/assets/javascripts/angular/controllers/dialogs/sorting.js
index e8cf0db3b9..ed19293cc5 100644
--- a/app/assets/javascripts/angular/controllers/dialogs/sorting.js
+++ b/app/assets/javascripts/angular/controllers/dialogs/sorting.js
@@ -39,7 +39,8 @@ angular.module('openproject.workPackages.controllers')
 .controller('SortingModalController', ['sortingModal',
   '$scope',
   'QueryService',
-  function(sortingModal, $scope, QueryService) {
+  'I18n',
+  function(sortingModal, $scope, QueryService, I18n) {
   this.name    = 'Sorting';
   this.closeMe = sortingModal.deactivate;
 
@@ -63,7 +64,7 @@ angular.module('openproject.workPackages.controllers')
   };
 
   $scope.getDirectionsData = function(term, result) {
-    result([{ id: 'asc', label: 'Ascending'}, { id: 'desc', label: 'Descending'}]);
+    result([{ id: 'asc', label: I18n.t('js.label_ascending')}, { id: 'desc', label: I18n.t('js.label_descending')}]);
   };
 
   $scope.updateSortation = function(){
@@ -88,5 +89,5 @@ angular.module('openproject.workPackages.controllers')
       $scope.initSortation();
     });
 
-  $scope.availableDirectionsData = [{ id: 'desc', label: 'Descending'}, { id: 'asc', label: 'Ascending'}];
+  $scope.availableDirectionsData = [{ id: 'desc', label: I18n.t('js.label_descending')}, { id: 'asc', label: I18n.t('js.label_ascending')}];
 }]);