diff --git a/src/vs/workbench/parts/extensions/browser/extensionsList.ts b/src/vs/workbench/parts/extensions/browser/extensionsList.ts
index 84ff2eba2beb071c01094f6212fca420ca82fa19..3cbee02d7bd52bfafd5b30e1d08bc9b0cd75b45d 100644
--- a/src/vs/workbench/parts/extensions/browser/extensionsList.ts
+++ b/src/vs/workbench/parts/extensions/browser/extensionsList.ts
@@ -146,7 +146,7 @@ export class Renderer implements IPagedRenderer<IExtension, ITemplateData> {
 		this.extensionService.getExtensions().then(enabledExtensions => {
 			const isExtensionRunning = enabledExtensions.some(e => areSameExtensions(e, extension));
 
-			toggleClass(data.element, 'disabled', isInstalled && !isExtensionRunning);
+			toggleClass(data.root, 'disabled', isInstalled && !isExtensionRunning);
 		});
 
 		const onError = once(domEvent(data.icon, 'error'));
diff --git a/src/vs/workbench/parts/extensions/electron-browser/media/extensionsViewlet.css b/src/vs/workbench/parts/extensions/electron-browser/media/extensionsViewlet.css
index 5c1d80b110fe3987f6bd5548e5ccca6d4d3c7a1b..34324005e71c63ad70638a791d03547772e82600 100644
--- a/src/vs/workbench/parts/extensions/electron-browser/media/extensionsViewlet.css
+++ b/src/vs/workbench/parts/extensions/electron-browser/media/extensionsViewlet.css
@@ -192,14 +192,16 @@
 	opacity: 0.9;
 }
 
-.vs .extensions-viewlet > .extensions .extension.disabled > .icon,
-.vs-dark .extensions-viewlet > .extensions .extension.disabled > .icon,
-.vs .extensions-viewlet > .extensions .extension.disabled > .details > .header-container,
-.vs-dark .extensions-viewlet > .extensions .extension.disabled > .details > .header-container,
-.vs .extensions-viewlet > .extensions .extension.disabled > .details > .description,
-.vs-dark .extensions-viewlet > .extensions .extension.disabled > .details > .description,
-.vs .extensions-viewlet > .extensions .extension.disabled > .details > .footer > .author,
-.vs-dark .extensions-viewlet > .extensions .extension.disabled > .details > .footer > .author {
+.vs .extensions-viewlet > .extensions .monaco-list-row.disabled > .bookmark,
+.vs-dark  .extensions-viewlet > .extensions .monaco-list-row.disabled > .bookmark,
+.vs .extensions-viewlet > .extensions .monaco-list-row.disabled > .extension > .icon,
+.vs-dark .extensions-viewlet > .extensions .monaco-list-row.disabled > .extension > .icon,
+.vs .extensions-viewlet > .extensions .monaco-list-row.disabled > .extension > .details > .header-container,
+.vs-dark .extensions-viewlet > .extensions .monaco-list-row.disabled > .extension > .details > .header-container,
+.vs .extensions-viewlet > .extensions .monaco-list-row.disabled > .extension > .details > .description,
+.vs-dark .extensions-viewlet > .extensions .monaco-list-row.disabled > .extension > .details > .description,
+.vs .extensions-viewlet > .extensions .monaco-list-row.disabled > .extension > .details > .footer > .author,
+.vs-dark .extensions-viewlet > .extensions .monaco-list-row.disabled > .extension > .details > .footer > .author {
 	opacity: 0.5;
 }