From d33ce066b53ef478e8cfd5a60ce9ede6ae355a31 Mon Sep 17 00:00:00 2001
From: jaasen-livefront <jaasen@livefront.com>
Date: Tue, 14 Oct 2025 16:36:08 -0700
Subject: [PATCH] update stories

---
 libs/components/src/callout/callout.stories.ts | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/libs/components/src/callout/callout.stories.ts b/libs/components/src/callout/callout.stories.ts
index 128f51464d1..2b10c6e7d13 100644
--- a/libs/components/src/callout/callout.stories.ts
+++ b/libs/components/src/callout/callout.stories.ts
@@ -123,7 +123,7 @@ export const WithTextButton: Story = {
   },
 };
 
-export const TruncateWithTitle: Story = {
+export const Truncate: Story = {
   render: (args) => ({
     props: args,
     template: `
@@ -135,12 +135,13 @@ export const TruncateWithTitle: Story = {
     `,
   }),
   args: {
-    title: "Title",
+    title:
+      "This is a really long title that should truncate. Like really, really, really, ridiculously long title",
     truncate: true,
   },
 };
 
-export const TruncateWithoutTitle: Story = {
+export const TruncateOnlyContent: Story = {
   render: (args) => ({
     props: args,
     template: `
@@ -156,7 +157,7 @@ export const TruncateWithoutTitle: Story = {
   },
 };
 
-export const TruncateWithoutContent: Story = {
+export const TruncateOnlyTitle: Story = {
   render: (args) => ({
     props: args,
     template: `
@@ -168,7 +169,7 @@ export const TruncateWithoutContent: Story = {
   }),
   args: {
     title:
-      "This is a really long title that should truncate. Like really, really, really, ridiculously long title.",
+      "This is a really long title that should truncate. Like really, really, really, ridiculously long title",
     truncate: true,
   },
 };