From 4cc5804a4e08b9c76ab1ba4048ac2973c9dd8ada Mon Sep 17 00:00:00 2001
From: Mario Castigliano <mario.castigliano@finconsgroup.com>
Date: Wed, 31 Jan 2024 15:45:59 +0100
Subject: [PATCH] feat: improve stories

---
 .../container/sticky-bar/sticky-bar.stories.ts       | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/container/sticky-bar/sticky-bar.stories.ts b/src/components/container/sticky-bar/sticky-bar.stories.ts
index c85714802f6..1ee9eb58554 100644
--- a/src/components/container/sticky-bar/sticky-bar.stories.ts
+++ b/src/components/container/sticky-bar/sticky-bar.stories.ts
@@ -114,7 +114,11 @@ const DefaultTemplate = ({
   disableAnimation,
   ...args
 }: Args): TemplateResult => html`
-  <sbb-container ${sbbSpread(args)} color=${containerColor}>
+  <sbb-container
+    ${sbbSpread(args)}
+    color=${containerColor}
+    style=${isChromatic() ? 'max-height: 400px; overflow-y: scroll;' : nothing}
+  >
     ${containerContent('Example title', containerColor)}
     ${containerContent('Another one', containerColor)}
     ${containerContent('And another one', containerColor)}
@@ -153,7 +157,11 @@ const WithContentAfterTemplate = ({
   disableAnimation,
   ...args
 }: Args): TemplateResult => html`
-  <sbb-container ${sbbSpread(args)} color=${containerColor}>
+  <sbb-container
+    ${sbbSpread(args)}
+    color=${containerColor}
+    style=${isChromatic() ? 'max-height: 400px; overflow-y: scroll;' : nothing}
+  >
     ${containerContent('Example title', containerColor)}
     ${containerContent('Another one', containerColor)}
     ${containerContent('And another one', containerColor)}