diff --git a/app/assets/javascripts/angular/openproject-costs-app.js b/app/assets/javascripts/angular/openproject-costs-app.js
index 8b4b0363cd..974498dac9 100644
--- a/app/assets/javascripts/angular/openproject-costs-app.js
+++ b/app/assets/javascripts/angular/openproject-costs-app.js
@@ -53,4 +53,8 @@ openprojectCostsApp.run(['HookService', function(HookService) {
 
     return directive;
   });
+
+  HookService.register('workPackageDetailsMoreMenu', function(params) {
+    return { "log_costs": ["icon-unit"] };
+  });
 }]);
diff --git a/config/locales/js-de.yml b/config/locales/js-de.yml
index 5c9093f4fb..9f5fe088b0 100644
--- a/config/locales/js-de.yml
+++ b/config/locales/js-de.yml
@@ -41,5 +41,6 @@ de:
         spentHoursLinked: "Aufgewendete Zeit"
         overallCosts: "Gesamtkosten"
         spentUnits: "Gebuchte Einheiten"
+    button_log_costs: "Stückkosten buchen"
     label_hour: "Stunde"
     label_hours: "Stunden"
diff --git a/config/locales/js-en.yml b/config/locales/js-en.yml
index 0fb299c985..f8be2fa538 100644
--- a/config/locales/js-en.yml
+++ b/config/locales/js-en.yml
@@ -41,5 +41,6 @@ en:
         spentHoursLinked: "Spent time"
         overallCosts: "Overall costs"
         spentUnits: "Spent units"
+    button_log_costs: "Log unit costs"
     label_hour: "hour"
     label_hours: "hours"