diff --git a/src/lang/en-US/index.json b/src/lang/en-US/index.json
index d963492a17..b458112f43 100644
--- a/src/lang/en-US/index.json
+++ b/src/lang/en-US/index.json
@@ -1,7 +1,7 @@
 {
 	"edit_field": "Edit Field",
 	"item_revision": "Item Revision",
-		"item_revision_updates_made": "Here are the differences in the raw field values...",
+	"item_revision_updates_made": "Here are the differences in the raw field values...",
 	"duplicate_field": "Duplicate Field",
 	"half_width": "Half Width",
 	"full_width": "Full Width",
@@ -73,6 +73,9 @@
 	"confirm_revert": "Confirm Revert",
 	"confirm_revert_body": "This will revert the item to the selected state.",
 
+	"editing_role": "Editing {role} Role",
+	"editing_webhook": "Editing Webhook",
+
 	"code": "Code",
 	"loc": "No lines of {lang} | One line of {lang} | {count} lines of {lang}",
 
diff --git a/src/modules/settings/routes/roles/detail/detail.vue b/src/modules/settings/routes/roles/detail/detail.vue
index b57d27af6f..2858a11cab 100644
--- a/src/modules/settings/routes/roles/detail/detail.vue
+++ b/src/modules/settings/routes/roles/detail/detail.vue
@@ -1,11 +1,10 @@
 <template>
-	<private-view :title="$t('editing', { collection: $t('roles') })">
+	<private-view :title="loading ? $t('loading') : $t('editing_role', { role: item && item.name })">
 		<template #title-outer:prepend>
 			<v-button class="header-icon" rounded icon exact :to="`/${currentProjectKey}/settings/roles/`">
 				<v-icon name="arrow_back" />
 			</v-button>
 		</template>
-
 		<template #actions>
 			<v-dialog v-model="confirmDelete">
 				<template #activator="{ on }">
diff --git a/src/modules/settings/routes/webhooks/detail/detail.vue b/src/modules/settings/routes/webhooks/detail/detail.vue
index d9d464f743..28926d9cb4 100644
--- a/src/modules/settings/routes/webhooks/detail/detail.vue
+++ b/src/modules/settings/routes/webhooks/detail/detail.vue
@@ -1,5 +1,5 @@
 <template>
-	<private-view :title="$t('editing', { collection: $t('webhooks') })">
+	<private-view :title="$t('editing_webhook')">
 		<template #title-outer:prepend>
 			<v-button class="header-icon" rounded icon exact :to="`/${currentProjectKey}/settings/webhooks/`">
 				<v-icon name="arrow_back" />
@@ -61,10 +61,7 @@
 			</drawer-detail>
 			<revisions-drawer-detail v-if="isNew === false" collection="directus_webhooks" :primary-key="primaryKey" />
 			<drawer-detail icon="help_outline" :title="$t('help_and_docs')">
-				<div
-					class="format-markdown"
-					v-html="marked($t('page_help_settings_webhooks_detail'))"
-				/>
+				<div class="format-markdown" v-html="marked($t('page_help_settings_webhooks_detail'))" />
 			</drawer-detail>
 		</template>
 	</private-view>