diff --git a/libs/components/src/banner/banner.stories.ts b/libs/components/src/banner/banner.stories.ts
index 97371153d7..f265c1eccf 100644
--- a/libs/components/src/banner/banner.stories.ts
+++ b/libs/components/src/banner/banner.stories.ts
@@ -90,3 +90,36 @@ export const HideClose: Story = {
     showClose: false,
   },
 };
+
+export const Stacked: Story = {
+  args: {},
+  render: (args: BannerComponent) => ({
+    props: args,
+    template: `
+      <bit-banner bannerType="premium" (onClose)="onClose($event)">
+        Bruce
+      </bit-banner>
+      <bit-banner bannerType="premium" (onClose)="onClose($event)">
+        Bruce
+      </bit-banner>
+      <bit-banner bannerType="warning" (onClose)="onClose($event)">
+        Bruce
+      </bit-banner>
+      <bit-banner bannerType="warning" (onClose)="onClose($event)">
+        Bruce
+      </bit-banner>
+      <bit-banner bannerType="danger" (onClose)="onClose($event)">
+        Bruce
+      </bit-banner>
+      <bit-banner bannerType="danger" (onClose)="onClose($event)">
+        Bruce
+      </bit-banner>
+      <bit-banner bannerType="info" (onClose)="onClose($event)">
+        Bruce
+      </bit-banner>
+      <bit-banner bannerType="info" (onClose)="onClose($event)">
+        Bruce
+      </bit-banner>
+      `,
+  }),
+};