diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/components/icon/icon.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/components/icon/icon.element.ts
index 70284f0c4c..86150d93fa 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/components/icon/icon.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/components/icon/icon.element.ts
@@ -52,7 +52,7 @@ export class UmbIconElement extends UmbLitElement {
 		const value = this.#color || this.#fallbackColor;
 
 		if (!value) {
-			this._style = { '--uui-icon-color': undefined };
+			this._style = { '--uui-icon-color': 'inherit' };
 			return;
 		}