diff --git a/frappe/public/js/frappe/ui/page.html b/frappe/public/js/frappe/ui/page.html
index 900d1e96fe..19b0424bf4 100644
--- a/frappe/public/js/frappe/ui/page.html
+++ b/frappe/public/js/frappe/ui/page.html
@@ -1,7 +1,7 @@
 <div class="page-head flex">
 	<div class="container">
 		<div class="row flex align-center page-head-content justify-between">
-			<div class="col-md-4 col-sm-6 col-xs-6 page-title">
+			<div class="col-md-4 col-sm-6 col-xs-7 page-title">
 				<!-- <div class="title-image hide hidden-md hidden-lg"></div> -->
 				<!-- title -->
 				<span class="sidebar-toggle-btn">
diff --git a/frappe/public/scss/desk/mobile.scss b/frappe/public/scss/desk/mobile.scss
index 5575b36a3d..a44468e2f3 100644
--- a/frappe/public/scss/desk/mobile.scss
+++ b/frappe/public/scss/desk/mobile.scss
@@ -387,3 +387,11 @@ body {
 		}
 	}
 }
+
+@media (max-width: 412px) {
+	body[data-route^="Form"] {
+		.page-title .title-text {
+			max-width: 28vw;
+		}
+	}
+}