diff --git a/frappe/public/js/frappe/ui/page.html b/frappe/public/js/frappe/ui/page.html
index 0f259d37df..a19529b57c 100644
--- a/frappe/public/js/frappe/ui/page.html
+++ b/frappe/public/js/frappe/ui/page.html
@@ -6,8 +6,10 @@
 				<h1 class="flex" style="margin: auto;">
 					<div class="title-image hide hidden-md hidden-lg">
 					</div>
-					<div class="ellipsis title-text"></div>
-					<span class="indicator whitespace-nowrap hide"></span>
+					<div class="flex fill-width title-area">
+						<div class="ellipsis title-text"></div>
+						<span class="indicator whitespace-nowrap hide"></span>
+					</div>
 				</h1>
 			</div>
 			<div class="text-right col-md-5 col-sm-4 col-xs-6 page-actions">
diff --git a/frappe/public/js/frappe/ui/page.js b/frappe/public/js/frappe/ui/page.js
index 63798f5413..0d3d025ddd 100644
--- a/frappe/public/js/frappe/ui/page.js
+++ b/frappe/public/js/frappe/ui/page.js
@@ -139,7 +139,7 @@ frappe.ui.Page = Class.extend({
 	},
 
 	set_indicator: function(label, color) {
-		this.clear_indicator().removeClass("hide").html(`<span class='hidden-xs hidden-sm'>${label}</span>`).addClass(color);
+		this.clear_indicator().removeClass("hide").html(`<span>${label}</span>`).addClass(color);
 	},
 
 	add_action_icon: function(icon, click) {
diff --git a/frappe/public/less/mobile.less b/frappe/public/less/mobile.less
index 439e084ef4..6b587c5026 100644
--- a/frappe/public/less/mobile.less
+++ b/frappe/public/less/mobile.less
@@ -40,9 +40,9 @@ body {
 		}
 
 		.page-title .indicator {
-			position: absolute;
-    		left: 5px;
-			margin-top: 12px;
+			float: left;
+			margin-top: 10px;
+			margin-right: 5px;
 		}
 
 
@@ -54,11 +54,6 @@ body {
 			right: 140px;
 			min-width: 200px;
 		}
-
-		.title-text {
-			margin-top: 10px;
-			//margin-left: 10px;
-		}
 	}
 
 	// navbar & breadcrumbs
@@ -227,10 +222,13 @@ body {
 				font-size: 16px;
 				width: calc(~"100% - 90px");
 			}
+
 			.indicator {
-				float: left;
-				margin-top: 10px;
-				margin-right: 5px;
+				margin: 0;
+			}
+
+			.title-area {
+				flex-direction: column;
 			}
 		}
 	}