diff --git a/packages/calcite-components/src/components/navigation-logo/navigation-logo.e2e.ts b/packages/calcite-components/src/components/navigation-logo/navigation-logo.e2e.ts
index 76ac20cfa0c..6b826b2ac9a 100755
--- a/packages/calcite-components/src/components/navigation-logo/navigation-logo.e2e.ts
+++ b/packages/calcite-components/src/components/navigation-logo/navigation-logo.e2e.ts
@@ -95,8 +95,8 @@ describe("calcite-navigation-logo", () => {
           targetProp: "color",
         },
         "--calcite-navigation-logo-icon-color": {
-          shadowSelector: `.${CSS.icon}`,
-          targetProp: "color",
+          shadowSelector: `calcite-icon`,
+          targetProp: "--calcite-icon-color",
         },
         "--calcite-navigation-logo-text-color": {
           shadowSelector: `.${CSS.icon}`,