diff --git a/src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-generation-steps/draft-generation-steps.component.ts b/src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-generation-steps/draft-generation-steps.component.ts
index 70c8f50863..86ee72e354 100644
--- a/src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-generation-steps/draft-generation-steps.component.ts
+++ b/src/SIL.XForge.Scripture/ClientApp/src/app/translate/draft-generation/draft-generation-steps/draft-generation-steps.component.ts
@@ -266,7 +266,7 @@ export class DraftGenerationStepsComponent extends SubscriptionDisposable implem
         book.number === currentGroup[currentGroup.length - 1]?.number + 1;
       if (currentGroup.length > 0 && !isBookConsecutiveAndMatching) {
         //process and reset current group
-        addGroup(currentGroup);
+        addGroup(currentGroup, this.i18n);
         currentGroup.length = 0;
       }
       //add book to current group
@@ -275,7 +275,7 @@ export class DraftGenerationStepsComponent extends SubscriptionDisposable implem
 
     //add last group
     if (currentGroup.length > 0) {
-      addGroup(currentGroup);
+      addGroup(currentGroup, this.i18n);
     }
 
     const groupsCollapsed: TrainingGroup[] = [];
@@ -292,15 +292,12 @@ export class DraftGenerationStepsComponent extends SubscriptionDisposable implem
 
     return groupsCollapsed;
 
-    function addGroup(group: TrainingBook[]): void {
+    function addGroup(group: TrainingBook[], i18n: I18nService): void {
       let range;
       if (group.length === 1) {
-        range = Canon.bookNumberToEnglishName(group[0].number);
+        range = i18n.localizeBook(group[0].number);
       } else {
-        range =
-          Canon.bookNumberToEnglishName(group[0].number) +
-          ' - ' +
-          Canon.bookNumberToEnglishName(group[group.length - 1].number);
+        range = i18n.localizeBook(group[0].number) + ' - ' + i18n.localizeBook(group[group.length - 1].number);
       }
       continguousGroups.push({ ranges: [range], source: group[0].source, target: group[0].target });
     }