diff --git a/frappe/public/css/tree.css b/frappe/public/css/tree.css
index c7b8f32f38..9ed3d0e6e1 100644
--- a/frappe/public/css/tree.css
+++ b/frappe/public/css/tree.css
@@ -5,6 +5,9 @@
   list-style: none;
   margin: 2px 0px;
 }
+ul.tree-children {
+  padding-left: 20px;
+}
 .tree-link {
   cursor: pointer;
 }
@@ -22,3 +25,8 @@
   margin-left: 15px;
   margin-bottom: -4px;
 }
+@media (max-width: 767px) {
+  ul.tree-children {
+    padding-left: 10px;
+  }
+}
diff --git a/frappe/public/js/frappe/ui/tree.js b/frappe/public/js/frappe/ui/tree.js
index 7249807419..96460f8be1 100644
--- a/frappe/public/js/frappe/ui/tree.js
+++ b/frappe/public/js/frappe/ui/tree.js
@@ -126,7 +126,7 @@ frappe.ui.TreeNode = Class.extend({
 							$(btn).html(node.expanded ? __("Collapse") : __("Expand"));
 						});
 					},
-					btnClass: "btn-expand"
+					btnClass: "btn-expand hidden-xs"
 				}
 			}
 			if(item.condition) {
diff --git a/frappe/public/less/tree.less b/frappe/public/less/tree.less
index b21991d015..b7b4530bdb 100644
--- a/frappe/public/less/tree.less
+++ b/frappe/public/less/tree.less
@@ -9,6 +9,10 @@
 	margin: 2px 0px;
 }
 
+ul.tree-children {
+	padding-left: 20px;
+}
+
 .tree-link {
 	cursor: pointer;
 }
@@ -29,3 +33,9 @@
 	margin-left: 15px;
 	margin-bottom: -4px;
 }
+
+@media (max-width: @screen-xs) {
+	ul.tree-children {
+		padding-left: 10px;
+	}
+}