diff --git a/src/vs/editor/browser/widget/diffEditorWidget2/patternBottom.svg b/src/vs/editor/browser/widget/diffEditorWidget2/patternBottom.svg
new file mode 100644
index 00000000000..07718b4ec13
--- /dev/null
+++ b/src/vs/editor/browser/widget/diffEditorWidget2/patternBottom.svg
@@ -0,0 +1,3 @@
+<svg xmlns='http://www.w3.org/2000/svg' width='20' height='7' viewBox='0 0 10 10' preserveAspectRatio='none'>
+	<polygon points='0,10 5,0 10,10' style='fill:white' />
+</svg>
diff --git a/src/vs/editor/browser/widget/diffEditorWidget2/patternTop.svg b/src/vs/editor/browser/widget/diffEditorWidget2/patternTop.svg
new file mode 100644
index 00000000000..07718b4ec13
--- /dev/null
+++ b/src/vs/editor/browser/widget/diffEditorWidget2/patternTop.svg
@@ -0,0 +1,3 @@
+<svg xmlns='http://www.w3.org/2000/svg' width='20' height='7' viewBox='0 0 10 10' preserveAspectRatio='none'>
+	<polygon points='0,10 5,0 10,10' style='fill:white' />
+</svg>
diff --git a/src/vs/editor/browser/widget/diffEditorWidget2/style.css b/src/vs/editor/browser/widget/diffEditorWidget2/style.css
index 1d1b0f04f36..ce533d54d1b 100644
--- a/src/vs/editor/browser/widget/diffEditorWidget2/style.css
+++ b/src/vs/editor/browser/widget/diffEditorWidget2/style.css
@@ -10,15 +10,15 @@
 .diff-hidden-lines.showTop .top {
 	height: 7px;
 	background-color: var(--vscode-diffEditor-unchangedRegionBackground);
-	mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='7' viewBox='0 0 10 10' preserveAspectRatio='none'>       <polygon points='0,10 5,0 10,10' style='fill:white' />      </svg>") repeat 0px 0px;
-	-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='7' viewBox='0 0 10 10' preserveAspectRatio='none'>       <polygon points='0,10 5,0 10,10' style='fill:white' />      </svg>") repeat 0px 0px;
+	mask: url("./patternTop.svg") repeat 0px 0px;
+	-webkit-mask: url("./patternTop.svg") repeat 0px 0px;
 }
 
 .diff-hidden-lines.showBottom .bottom {
 	height: 7px;
 	background-color: var(--vscode-diffEditor-unchangedRegionBackground);
-	mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='7' viewBox='0 0 10 10' preserveAspectRatio='none'>       <polygon points='0,0 5,10 10,0' style='fill:white' />      </svg>") repeat 10px 0px;
-	-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='7' viewBox='0 0 10 10' preserveAspectRatio='none'>       <polygon points='0,0 5,10 10,0' style='fill:white' />      </svg>") repeat 10px 0px;
+	mask: url("./patternBottom.svg") repeat 10px 0px;
+	-webkit-mask: url("./patternBottom.svg") repeat 10px 0px;
 }
 
 .diff-hidden-lines .center {