diff --git a/packages/react/src/components/FadeInOut/__stories__/FadeInOut.stories.js b/packages/react/src/components/FadeInOut/__stories__/FadeInOut.stories.js
index cd83ba0add2..a043f396786 100644
--- a/packages/react/src/components/FadeInOut/__stories__/FadeInOut.stories.js
+++ b/packages/react/src/components/FadeInOut/__stories__/FadeInOut.stories.js
@@ -40,6 +40,9 @@ export default {
   parameters: {
     ...readme.parameters,
     'carbon-theme': { disabled: true },
+    percy: {
+      skip: true,
+    },
   },
 };
 
diff --git a/packages/web-components/src/components/fade-in-out/__stories__/fade-in-out.stories.ts b/packages/web-components/src/components/fade-in-out/__stories__/fade-in-out.stories.ts
index 9515bb49453..2f3f3c6bb43 100644
--- a/packages/web-components/src/components/fade-in-out/__stories__/fade-in-out.stories.ts
+++ b/packages/web-components/src/components/fade-in-out/__stories__/fade-in-out.stories.ts
@@ -161,6 +161,9 @@ export default {
   parameters: {
     ...readme.parameters,
     useRawContainer: true,
+    percy: {
+      skip: true,
+    },
     props: (() => {
       // Lets `<dds-masthead-container>` load the nav links and lets `<dds-footer-container>` load the footer links
       const useMock = inPercy() || new URLSearchParams(window.location.search).has('mock');