diff --git a/packages/lib/src/accordion/Accordion.stories.tsx b/packages/lib/src/accordion/Accordion.stories.tsx
index f05781c8f..9ef4ff3d9 100644
--- a/packages/lib/src/accordion/Accordion.stories.tsx
+++ b/packages/lib/src/accordion/Accordion.stories.tsx
@@ -331,6 +331,20 @@ const Accordion = () => (
         </DxcAccordion.AccordionItem>
       </DxcAccordion>
     </ExampleContainer>
+    <ExampleContainer>
+      <Title title="Sublabel longer than label" theme="light" level={4} />
+      <DxcAccordion>
+        <DxcAccordion.AccordionItem
+          label="Bounce Rate"
+          subLabel="Mon, May 19, 3:17 PM"
+          badge={{ position: "after", element: <DxcBadge label="Resolved" icon="check_circle" color="green" /> }}
+        >
+          <DxcInset space="var(--spacing-padding-l)">
+            To edit your profile you need to go to Settings and click on Profile.
+          </DxcInset>
+        </DxcAccordion.AccordionItem>
+      </DxcAccordion>
+    </ExampleContainer>
     <ExampleContainer>
       <Title title="Short label, long sublabel and long assistive text" theme="light" level={4} />
       <DxcAccordion>