diff --git a/src/vs/workbench/browser/parts/editor/media/editorgroupview.css b/src/vs/workbench/browser/parts/editor/media/editorgroupview.css
index 582eac233e20be98bf60762249eb3d2a9d688425..15fb7042231e3f5bb1ca8f976bfe0a53b9d6643c 100644
--- a/src/vs/workbench/browser/parts/editor/media/editorgroupview.css
+++ b/src/vs/workbench/browser/parts/editor/media/editorgroupview.css
@@ -48,6 +48,21 @@
 	overflow: hidden;
 }
 
+.monaco-workbench.windows .part.editor > .content .editor-group-container > .title,
+.monaco-workbench.linux .part.editor > .content .editor-group-container > .title,
+.monaco-workbench.web .part.editor > .content .editor-group-container > .title {
+	/*
+	 * Explicitly put the part onto its own layer to help Chrome to
+	 * render the content with LCD-anti-aliasing. By partioning the
+	 * workbench into multiple layers, we can ensure that a bad
+	 * behaving part is not making another part fallback to greyscale
+	 * rendering.
+	 *
+	 * macOS: does not render LCD-anti-aliased.
+	 */
+	transform: translate3d(0px, 0px, 0px);
+}
+
 .monaco-workbench .part.editor > .content .editor-group-container > .title:not(.tabs) {
 	display: flex; /* when tabs are not shown, use flex layout */
 	flex-wrap: nowrap;