diff --git a/src/vs/base/browser/ui/tree/abstractTree.ts b/src/vs/base/browser/ui/tree/abstractTree.ts
index 829b7fb131c6b2ab820281b37fbbbb56d93ee72c..fadc69ed298d618bcef5f157249b9637670bb09a 100644
--- a/src/vs/base/browser/ui/tree/abstractTree.ts
+++ b/src/vs/base/browser/ui/tree/abstractTree.ts
@@ -381,7 +381,13 @@ class TreeRenderer<T, TFilterData, TTemplateData> implements IListRenderer<ITree
 
 		const disposableStore = new DisposableStore();
 		const width = this.indent * target.depth;
-		const svg = $.SVG('svg', { 'shape-rendering': 'crispEdges', width: `${width}`, height: `${height}`, viewBox: `0 0 ${width} ${height}` });
+		const svg = $.SVG('svg', {
+			'shape-rendering': 'crispEdges',
+			preserveAspectRatio: 'none',
+			width: `${width}`,
+			height: `${height}`,
+			viewBox: `0 0 ${width} ${height}`
+		});
 
 		let node = target;
 		let i = 1;
diff --git a/src/vs/base/browser/ui/tree/media/tree.css b/src/vs/base/browser/ui/tree/media/tree.css
index 12cd240e2289407e848e06d4d99bc2fa9b1c45a3..03f75d4e6e28e496f295f9bd50d2d4a9bba34598 100644
--- a/src/vs/base/browser/ui/tree/media/tree.css
+++ b/src/vs/base/browser/ui/tree/media/tree.css
@@ -81,6 +81,10 @@
 	background-image: url("loading-hc.svg");
 }
 
+.monaco-list .monaco-tl-indent > svg {
+	height: 100%;
+}
+
 .monaco-list .monaco-tl-indent > svg > line {
 	stroke: transparent;
 	transition: stroke 0.1s linear;