diff --git a/ui/components/ClusterOverview/ClusterCard.stories.tsx b/ui/components/ClusterOverview/ClusterCard.stories.tsx
index a085c0b71..e3447e14d 100644
--- a/ui/components/ClusterOverview/ClusterCard.stories.tsx
+++ b/ui/components/ClusterOverview/ClusterCard.stories.tsx
@@ -1,9 +1,22 @@
 import type { Meta, StoryObj } from "@storybook/react";
 
 import { ClusterCard } from "./ClusterCard";
+import { ReconciliationContext } from "../ReconciliationContext";
 
 const meta: Meta<typeof ClusterCard> = {
   component: ClusterCard,
+  decorators: [
+    (Story) => (
+      <ReconciliationContext.Provider
+        value={{
+          isReconciliationPaused: true,
+          setReconciliationPaused: () => { }
+        }}
+      >
+        <Story />
+      </ReconciliationContext.Provider>
+    )
+  ]
 };
 
 export default meta;