From 11671c787a08ad8aeba5011107024ac6af652f8e Mon Sep 17 00:00:00 2001
From: lisa <llupi@scaleway.com>
Date: Wed, 3 Dec 2025 11:03:59 +0100
Subject: [PATCH] docs: step list complex child

---
 .../__stories__/ComplexChildren.stories.tsx         | 13 +++----------
 .../StepList/__stories__/index.stories.tsx          |  1 +
 2 files changed, 4 insertions(+), 10 deletions(-)

diff --git a/packages/ui/src/components/StepList/__stories__/ComplexChildren.stories.tsx b/packages/ui/src/components/StepList/__stories__/ComplexChildren.stories.tsx
index 485e0bae6e..c16177c618 100644
--- a/packages/ui/src/components/StepList/__stories__/ComplexChildren.stories.tsx
+++ b/packages/ui/src/components/StepList/__stories__/ComplexChildren.stories.tsx
@@ -1,4 +1,5 @@
 import { CheckIcon } from '@ultraviolet/icons'
+import { Badge } from '../../Badge'
 import { Stack } from '../../Stack'
 import { Text } from '../../Text'
 import { StepList } from '..'
@@ -10,19 +11,11 @@ ComplexChild.decorators = [
   () => (
     <StepList>
       <StepList.Item bulletContent={<CheckIcon />} sentiment="success">
-        <Stack gap={1}>
+        <Stack alignItems="center" direction="row" gap={1}>
           <Text as="h4" variant="headingSmall">
             Lorem ipsum
           </Text>
-          <Text as="p" variant="body">
-            dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
-            incididunt ut labore et dolore magna aliqua. Ut enim ad minim
-            veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
-            ea commodo consequat. Duis aute irure dolor in reprehenderit in
-            voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
-            officia deserunt mollit anim id est laborum
-          </Text>
+          <Badge sentiment="warning">Beta</Badge>
         </Stack>
       </StepList.Item>
       <StepList.Item bulletContent={<CheckIcon />}>
diff --git a/packages/ui/src/components/StepList/__stories__/index.stories.tsx b/packages/ui/src/components/StepList/__stories__/index.stories.tsx
index 31f2c2f301..30d98e90b9 100644
--- a/packages/ui/src/components/StepList/__stories__/index.stories.tsx
+++ b/packages/ui/src/components/StepList/__stories__/index.stories.tsx
@@ -15,3 +15,4 @@ export { Disabled } from './Disabled.stories'
 export { Sentiment } from './Sentiment.stories'
 export { Sizes } from './Sizes.stories'
 export { BulletIcon } from './BulletIcon.stories'
+export { ComplexChild } from './ComplexChildren.stories'