diff --git a/src/vs/workbench/browser/media/style.css b/src/vs/workbench/browser/media/style.css
index 8d4313f5f1506..35f856b931aa6 100644
--- a/src/vs/workbench/browser/media/style.css
+++ b/src/vs/workbench/browser/media/style.css
@@ -166,12 +166,15 @@ body.web {
 }
 
 .monaco-workbench .predefined-file-icon[class*='codicon-']::before {
-	font-family: 'codicon';
 	width: 16px;
 	padding-left: 3px; /* width (16px) - font-size (13px) = padding-left (3px) */
 	padding-right: 3px;
 }
 
+.predefined-file-icon::before { /* do add additional specificity to this selector, so it can be overridden by product themes */
+	font-family: 'codicon';
+}
+
 .monaco-workbench:not(.file-icons-enabled) .predefined-file-icon[class*='codicon-']::before {
 	content: unset !important;
 }
@@ -198,7 +201,6 @@ body.web {
 .monaco-workbench .select-container:after {
 	content: var(--vscode-icon-chevron-down-content);
 	font-family: var(--vscode-icon-chevron-down-font-family);
-	font-family: codicon;
 	font-size: 16px;
 	width: 16px;
 	height: 16px;