diff --git a/frappe/public/css/docs.css b/frappe/public/css/docs.css
index b9df6826ca..257506c5af 100644
--- a/frappe/public/css/docs.css
+++ b/frappe/public/css/docs.css
@@ -126,7 +126,7 @@
   color: #fff;
   text-align: center;
   padding: 2px 5px;
-  background-color: #98d85b;
+  background-color: #b8c2cc;
 }
 .navbar-new-comments-true {
   background-color: #ff5858;
diff --git a/frappe/public/css/navbar.css b/frappe/public/css/navbar.css
index 414b5b9df5..8fd6326174 100644
--- a/frappe/public/css/navbar.css
+++ b/frappe/public/css/navbar.css
@@ -126,7 +126,7 @@
   color: #fff;
   text-align: center;
   padding: 2px 5px;
-  background-color: #98d85b;
+  background-color: #b8c2cc;
 }
 .navbar-new-comments-true {
   background-color: #ff5858;
@@ -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 88b1b0c816..d2cafaf77f 100644
--- a/frappe/public/less/navbar.less
+++ b/frappe/public/less/navbar.less
@@ -153,7 +153,7 @@
 	color: #fff;
 	text-align: center;
 	padding: 2px 5px;
-	background-color: @indicator-green;
+	background-color: @indicator-darkgrey;
 }
 
 .navbar-new-comments-true {
@@ -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 {