diff --git a/ui/core/app/controllers/scopes/scope/groups/group.js b/ui/core/app/controllers/scopes/scope/groups/group.js
index 121559b29..dcd1e5296 100644
--- a/ui/core/app/controllers/scopes/scope/groups/group.js
+++ b/ui/core/app/controllers/scopes/scope/groups/group.js
@@ -8,6 +8,6 @@ export default class ScopesScopeGroupsGroupController extends Controller {
    * @type {string}
    */
   get breadCrumb() {
-    return this.model.id;
+    return this.model.displayName;
   }
 }
diff --git a/ui/core/app/controllers/scopes/scope/roles/role.js b/ui/core/app/controllers/scopes/scope/roles/role.js
index f18b1df9a..39ba35717 100644
--- a/ui/core/app/controllers/scopes/scope/roles/role.js
+++ b/ui/core/app/controllers/scopes/scope/roles/role.js
@@ -8,6 +8,6 @@ export default class ScopesScopeRolesRoleController extends Controller {
    * @type {string}
    */
   get breadCrumb() {
-    return this.model.id;
+    return this.model.displayName;
   }
 }
diff --git a/ui/core/app/controllers/scopes/scope/users/user.js b/ui/core/app/controllers/scopes/scope/users/user.js
index 9f0456fa4..6f7d42c7a 100644
--- a/ui/core/app/controllers/scopes/scope/users/user.js
+++ b/ui/core/app/controllers/scopes/scope/users/user.js
@@ -8,6 +8,6 @@ export default class ScopesScopeUsersUserController extends Controller {
    * @type {string}
    */
   get breadCrumb() {
-    return this.model.id;
+    return this.model.displayName;
   }
 }