diff --git a/src/vs/workbench/parts/extensions/electron-browser/extensionEditor.ts b/src/vs/workbench/parts/extensions/electron-browser/extensionEditor.ts
index 51fe81f799bbb341177030d27eb99709691d4a3d..f3a1da645e0fa745b40d6ab9a081e8cb25f63037 100644
--- a/src/vs/workbench/parts/extensions/electron-browser/extensionEditor.ts
+++ b/src/vs/workbench/parts/extensions/electron-browser/extensionEditor.ts
@@ -401,9 +401,9 @@ export class ExtensionEditor extends BaseEditor {
 		this.extensionTipsService.onRecommendationChange(change => {
 			if (change.extensionId.toLowerCase() === extension.id.toLowerCase()) {
 				if (change.isRecommended) {
+					removeClass(this.header, 'recommendation-ignored');
 					const extRecommendations = this.extensionTipsService.getAllRecommendationsWithReason();
 					if (extRecommendations[extension.id.toLowerCase()]) {
-						removeClass(this.header, 'recommendation-ignored');
 						addClass(this.header, 'recommended');
 						this.recommendationText.textContent = extRecommendations[extension.id.toLowerCase()].reasonText;
 					}