diff --git a/frappe/public/css/navbar.css b/frappe/public/css/navbar.css
index 409e49ed43..8fd6326174 100644
--- a/frappe/public/css/navbar.css
+++ b/frappe/public/css/navbar.css
@@ -187,6 +187,14 @@
 #navbar-breadcrumbs > li > a {
   padding: 6px 15px 10px 0px;
 }
+@media (max-width: 1199px) {
+  #navbar-breadcrumbs > li > a {
+    width: 140px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
 .toolbar-user-fullname {
   max-width: 200px;
   display: inline-block;
diff --git a/frappe/public/less/navbar.less b/frappe/public/less/navbar.less
index 2636eb7d96..d2cafaf77f 100644
--- a/frappe/public/less/navbar.less
+++ b/frappe/public/less/navbar.less
@@ -210,6 +210,13 @@
 
 #navbar-breadcrumbs > li > a {
 	padding: 6px 15px 10px 0px;
+
+	@media (max-width: 1199px) {
+		width: 140px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
 }
 
 .toolbar-user-fullname {