diff --git a/frappe/public/js/frappe/ui/page.js b/frappe/public/js/frappe/ui/page.js
index 857bbcb4dd..95b6046f4b 100644
--- a/frappe/public/js/frappe/ui/page.js
+++ b/frappe/public/js/frappe/ui/page.js
@@ -770,7 +770,8 @@ frappe.ui.Page = class Page {
 		if (icon) {
 			title = `${frappe.utils.icon(icon)} ${title}`;
 		}
-		let title_wrapper = this.$title_area.find(".title-text");
+
+		let title_wrapper = this.$title_area.find(".title-text-form");
 		title_wrapper.html(title);
 		title_wrapper.attr("title", __(tooltip_label) || this.title);
 
diff --git a/frappe/public/js/frappe/views/breadcrumbs.js b/frappe/public/js/frappe/views/breadcrumbs.js
index abe1f60922..af4345e5f4 100644
--- a/frappe/public/js/frappe/views/breadcrumbs.js
+++ b/frappe/public/js/frappe/views/breadcrumbs.js
@@ -224,7 +224,8 @@ frappe.breadcrumbs = {
 		if (docname.startsWith("new-" + doctype.toLowerCase().replace(/ /g, "-"))) {
 			docname_title = __("New {0}", [__(doctype)]);
 		} else {
-			docname_title = doc.name;
+			let title = frappe.model.get_doc_title(doc);
+			docname_title = title || doc.name;
 		}
 		this.append_breadcrumb_element(form_route, docname_title, "title-text-form");
 
@@ -238,7 +239,12 @@ frappe.breadcrumbs = {
 			last_crumb.css("cursor", "copy");
 			last_crumb.click((event) => {
 				event.stopImmediatePropagation();
-				frappe.utils.copy_to_clipboard(last_crumb.text());
+				frappe.utils.copy_to_clipboard(doc.name);
+			});
+			last_crumb.attr("title", __("Click to copy name"));
+			last_crumb.tooltip({
+				delay: { show: 100, hide: 100 },
+				trigger: "hover",
 			});
 		}
 	},