diff --git a/src/Components/CircularRate/CircularRate.stories.ts b/src/Components/CircularRate/CircularRate.stories.ts
index a6dd8a9e..7f5834d7 100644
--- a/src/Components/CircularRate/CircularRate.stories.ts
+++ b/src/Components/CircularRate/CircularRate.stories.ts
@@ -29,3 +29,27 @@ export const CirculatingGradient: Story = {
     gradientColors: [theme.color.purple1, theme.color.orange1, theme.color.purple1],
   },
 };
+
+export const Monotone: Story = {
+  args: {
+    gradientColors: [theme.color.purple1, theme.color.purple1],
+  },
+};
+
+export const Proactiveness: Story = {
+  args: {
+    percentage: 70,
+  },
+};
+
+export const ZeroPercent: Story = {
+  args: {
+    percentage: 0,
+  },
+};
+
+export const FullPercent: Story = {
+  args: {
+    percentage: 100,
+  },
+};