diff --git a/web/components/common/OwncastLogo/OwncastLogo.stories.tsx b/web/components/common/OwncastLogo/OwncastLogo.stories.tsx
index 7d831eaab..3ceaabb4e 100644
--- a/web/components/common/OwncastLogo/OwncastLogo.stories.tsx
+++ b/web/components/common/OwncastLogo/OwncastLogo.stories.tsx
@@ -5,7 +5,9 @@ import { OwncastLogo } from './OwncastLogo';
 export default {
   title: 'owncast/Components/Header Logo',
   component: OwncastLogo,
-  parameters: {},
+  parameters: {
+    chromatic: { diffThreshold: 0.8 },
+  },
 } as ComponentMeta<typeof OwncastLogo>;
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
diff --git a/web/stories/PageLogo.stories.tsx b/web/stories/PageLogo.stories.tsx
index fc4ea276b..79782e00e 100644
--- a/web/stories/PageLogo.stories.tsx
+++ b/web/stories/PageLogo.stories.tsx
@@ -5,7 +5,9 @@ import { Logo } from '../components/ui/Logo/Logo';
 export default {
   title: 'owncast/Components/Page Logo',
   component: Logo,
-  parameters: {},
+  parameters: {
+    chromatic: { diffThreshold: 0.8 },
+  },
 } as ComponentMeta<typeof Logo>;
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars