diff --git a/packages/theme/src/theme.ts b/packages/theme/src/theme.ts
index db99e48634..02fb56c963 100644
--- a/packages/theme/src/theme.ts
+++ b/packages/theme/src/theme.ts
@@ -182,7 +182,7 @@ export class Theme extends HTMLElement {
     }
 
     protected attributeChangedCallback(): void {
-        if (window.ShadyCSS !== undefined) {
+        if (window.ShadyCSS !== undefined && !window.ShadyCSS.nativeShadow) {
             window.ShadyCSS.styleElement(this);
         } else {
             this.adoptStyles();
diff --git a/test/visual/stories.js b/test/visual/stories.js
index d303189a88..0cd0b5caa3 100644
--- a/test/visual/stories.js
+++ b/test/visual/stories.js
@@ -118,7 +118,6 @@ module.exports = [
     'theme--default',
     'theme--none',
     'theme--nested-theme',
-    'theme--nested-color',
     'toast--default',
     'toast--negative',
     'toast--positive',