diff --git a/options/locale_next/locale_en-US.json b/options/locale_next/locale_en-US.json
index 1a4036b79b..9db0fb67c6 100644
--- a/options/locale_next/locale_en-US.json
+++ b/options/locale_next/locale_en-US.json
@@ -561,5 +561,7 @@
 	"editor.toggle_regex": "Toggle using regular expressions",
 	"editor.toggle_whole_word": "Toggle matching whole words",
 	"form.RunnerName": "Name",
+	"graphs.recent_commits.title": "Number of commits in the past year",
+	"graphs.code_frequency.title": "Code frequency over the history of {0}",
 	"meta.last_line": "Thank you for translating Forgejo! This line isn't seen by the users but it serves other purposes in the translation management. You can place a fun fact in the translation instead of translating it."
 }
diff --git a/templates/repo/code_frequency.tmpl b/templates/repo/code_frequency.tmpl
index 50ec1beb6b..e6bc097420 100644
--- a/templates/repo/code_frequency.tmpl
+++ b/templates/repo/code_frequency.tmpl
@@ -2,6 +2,7 @@
 	<div id="repo-code-frequency-chart"
 		data-locale-loading-title="{{ctx.Locale.Tr "graphs.component_loading" (ctx.Locale.Tr "graphs.code_frequency.what")}}"
 		data-locale-loading-title-failed="{{ctx.Locale.Tr "graphs.component_loading_failed" (ctx.Locale.Tr "graphs.code_frequency.what")}}"
+		data-locale-code-frequency-title="{{ctx.Locale.Tr "graphs.code_frequency.title"}}"
 		data-locale-loading-info="{{ctx.Locale.Tr "graphs.component_loading_info"}}"
 		data-locale-component-failed-to-load="{{ctx.Locale.Tr "graphs.component_failed_to_load"}}"
 	>
diff --git a/templates/repo/recent_commits.tmpl b/templates/repo/recent_commits.tmpl
index 5c241d635c..b39dabdaca 100644
--- a/templates/repo/recent_commits.tmpl
+++ b/templates/repo/recent_commits.tmpl
@@ -2,6 +2,7 @@
 	<div id="repo-recent-commits-chart"
 		data-locale-loading-title="{{ctx.Locale.Tr "graphs.component_loading" (ctx.Locale.Tr "graphs.recent_commits.what")}}"
 		data-locale-loading-title-failed="{{ctx.Locale.Tr "graphs.component_loading_failed" (ctx.Locale.Tr "graphs.recent_commits.what")}}"
+		data-locale-recent-commits-title="{{ctx.Locale.Tr "graphs.recent_commits.title"}}"
 		data-locale-loading-info="{{ctx.Locale.Tr "graphs.component_loading_info"}}"
 		data-locale-component-failed-to-load="{{ctx.Locale.Tr "graphs.component_failed_to_load"}}"
 	>
diff --git a/tests/e2e/repo-activity-contributors.test.e2e.ts b/tests/e2e/repo-activity-contributors.test.e2e.ts
index ece62cfaba..d9096bc8a3 100644
--- a/tests/e2e/repo-activity-contributors.test.e2e.ts
+++ b/tests/e2e/repo-activity-contributors.test.e2e.ts
@@ -15,3 +15,21 @@ test('Contributor graph', async ({page}) => {
   await page.getByRole('link', {name: '2 Commits'}).click();
   await expect(page.getByRole('cell', {name: 'Bob'})).toHaveCount(2);
 });
+
+test('Code frequency', async ({page}) => {
+  await page.goto('/user2/commits_search_test/activity/code-frequency');
+
+  /* Verify that Vue has access to i18n string */
+  const header = page.locator('#repo-code-frequency-chart .header');
+  await header.waitFor();
+  await expect(header).toContainText('Code frequency over the history of user2/commits_search_test');
+});
+
+test('Recent commits', async ({page}) => {
+  await page.goto('/user2/commits_search_test/activity/recent-commits');
+
+  /* Verify that Vue has access to i18n string */
+  const header = page.locator('#repo-recent-commits-chart .header');
+  await header.waitFor();
+  await expect(header).toContainText('Number of commits in the past year');
+});
diff --git a/web_src/js/components/RepoCodeFrequency.vue b/web_src/js/components/RepoCodeFrequency.vue
index 1d40d6d417..5aef63b0d4 100644
--- a/web_src/js/components/RepoCodeFrequency.vue
+++ b/web_src/js/components/RepoCodeFrequency.vue
@@ -145,7 +145,7 @@ export default {
 <template>
   <div>
     <div class="ui header tw-flex tw-items-center tw-justify-between">
-      {{ isLoading ? locale.loadingTitle : errorText ? locale.loadingTitleFailed: `Code frequency over the history of ${repoLink.slice(1)}` }}
+      {{ isLoading ? locale.loadingTitle : errorText ? locale.loadingTitleFailed : locale.codeFrequencyTitle.replace('{0}', repoLink.slice(1)) }}
     </div>
     <div class="tw-flex ui segment main-graph">
       <div v-if="isLoading || errorText !== ''" class="gt-tc tw-m-auto">
diff --git a/web_src/js/components/RepoRecentCommits.vue b/web_src/js/components/RepoRecentCommits.vue
index 8759978e78..92d355596b 100644
--- a/web_src/js/components/RepoRecentCommits.vue
+++ b/web_src/js/components/RepoRecentCommits.vue
@@ -122,7 +122,7 @@ export default {
 <template>
   <div>
     <div class="ui header tw-flex tw-items-center tw-justify-between">
-      {{ isLoading ? locale.loadingTitle : errorText ? locale.loadingTitleFailed: "Number of commits in the past year" }}
+      {{ isLoading ? locale.loadingTitle : errorText ? locale.loadingTitleFailed : locale.recentCommitsTitle }}
     </div>
     <div class="tw-flex ui segment main-graph">
       <div v-if="isLoading || errorText !== ''" class="gt-tc tw-m-auto">
diff --git a/web_src/js/features/code-frequency.js b/web_src/js/features/code-frequency.js
index 47e1539ddc..570448a3b8 100644
--- a/web_src/js/features/code-frequency.js
+++ b/web_src/js/features/code-frequency.js
@@ -11,6 +11,7 @@ export async function initRepoCodeFrequency() {
         loadingTitle: el.getAttribute('data-locale-loading-title'),
         loadingTitleFailed: el.getAttribute('data-locale-loading-title-failed'),
         loadingInfo: el.getAttribute('data-locale-loading-info'),
+        codeFrequencyTitle: el.getAttribute('data-locale-code-frequency-title'),
       },
     });
     View.mount(el);
diff --git a/web_src/js/features/recent-commits.js b/web_src/js/features/recent-commits.js
index 030c251a05..3b68a77243 100644
--- a/web_src/js/features/recent-commits.js
+++ b/web_src/js/features/recent-commits.js
@@ -10,6 +10,7 @@ export async function initRepoRecentCommits() {
       locale: {
         loadingTitle: el.getAttribute('data-locale-loading-title'),
         loadingTitleFailed: el.getAttribute('data-locale-loading-title-failed'),
+        recentCommitsTitle: el.getAttribute('data-locale-recent-commits-title'),
         loadingInfo: el.getAttribute('data-locale-loading-info'),
       },
     });