diff --git a/frontend/src/stories/HomeHeroSection.stories.tsx b/frontend/src/stories/HomeHeroSection.stories.tsx
index a35ca9f..ce8eac5 100644
--- a/frontend/src/stories/HomeHeroSection.stories.tsx
+++ b/frontend/src/stories/HomeHeroSection.stories.tsx
@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { fn } from "@storybook/test";
+import isChromatic from "chromatic/isChromatic";
 
 import { HomeHeroSection } from "../components/HomeHeroSection";
 
@@ -49,6 +50,16 @@ export const Loading: Story = {
       "I'm selling a MacBook Pro 2021 for $1,200. Contact me at email@example.com",
     isLoading: true,
   },
+  decorators: [
+    (Story) => (
+      <>
+        {isChromatic() && (
+          <style>{`.loading { animation: none !important; }`}</style>
+        )}
+        <Story />
+      </>
+    ),
+  ],
 };
 
 export const WithError: Story = {