diff --git a/src/sql/workbench/parts/dashboard/browser/containers/dashboardNavSection.contribution.ts b/src/sql/workbench/parts/dashboard/browser/containers/dashboardNavSection.contribution.ts
index 957cdc452c..75e80995b9 100644
--- a/src/sql/workbench/parts/dashboard/browser/containers/dashboardNavSection.contribution.ts
+++ b/src/sql/workbench/parts/dashboard/browser/containers/dashboardNavSection.contribution.ts
@@ -85,12 +85,12 @@ function createCSSRuleForIcon(icon: IUserFriendlyIcon, extension: IExtensionPoin
 		iconClass = ids.nextId();
 		if (typeof icon === 'string') {
 			const path = resources.joinPath(extension.description.extensionLocation, icon);
-			createCSSRule(`.icon.${iconClass}`, `background-image: ${asCSSUrl(path)}`);
+			createCSSRule(`.codicon.${iconClass}`, `background-image: ${asCSSUrl(path)}`);
 		} else {
 			const light = resources.joinPath(extension.description.extensionLocation, icon.light);
 			const dark = resources.joinPath(extension.description.extensionLocation, icon.dark);
-			createCSSRule(`.icon.${iconClass}`, `background-image: ${asCSSUrl(light)}`);
-			createCSSRule(`.vs-dark .icon.${iconClass}, .hc-black .icon.${iconClass}`, `background-image: ${asCSSUrl(dark)}`);
+			createCSSRule(`.codicon.${iconClass}`, `background-image: ${asCSSUrl(light)}`);
+			createCSSRule(`.vs-dark .codicon.${iconClass}, .hc-black .codicon.${iconClass}`, `background-image: ${asCSSUrl(dark)}`);
 		}
 	}
 	return iconClass;