diff --git a/frappe/public/js/frappe/form/form.js b/frappe/public/js/frappe/form/form.js
index 6537e74d21..3311570a21 100644
--- a/frappe/public/js/frappe/form/form.js
+++ b/frappe/public/js/frappe/form/form.js
@@ -659,12 +659,18 @@ frappe.ui.form.Form = class FrappeForm {
 		let el = this.page.page_actions[0];
 		const rect = el.getBoundingClientRect();
 		let is_outside = rect.right > document.documentElement.clientWidth;
+
 		if (is_outside) {
 			// check if the default actions are outside of the screen
 			const overflow = Math.max(0, rect.right - document.documentElement.clientWidth);
-			this.page.$title_area
-				.parent()
-				.css("max-width", overflow ? `calc(50% - ${overflow}px)` : "50%");
+
+			if (!overflow) return;
+			let max_breadcrumb_width = Math.max(
+				290,
+				this.page.$title_area.find("ul").width() - overflow
+			);
+
+			this.page.$title_area.parent().css("max-width", `${max_breadcrumb_width}px`);
 			let breadcrumb = this.page.$title_area.find("ul li.ellipsis");
 
 			if (cint(breadcrumb[0]?.clientWidth) <= 30) {