From 7c64445579fc34161c755211427a4fc1ff3358d5 Mon Sep 17 00:00:00 2001
From: Vincent Smedinga <v.smedinga@amsterdam.nl>
Date: Wed, 18 Dec 2024 00:38:48 +0100
Subject: [PATCH] Fix stacking issue

---
 storybook/src/components/Breakout/Breakout.stories.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/storybook/src/components/Breakout/Breakout.stories.tsx b/storybook/src/components/Breakout/Breakout.stories.tsx
index b8f55104ce..069f8c90c2 100644
--- a/storybook/src/components/Breakout/Breakout.stories.tsx
+++ b/storybook/src/components/Breakout/Breakout.stories.tsx
@@ -56,12 +56,12 @@ export const Default: Story = {
 export const VerticalLayout: Story = {
   args: {
     children: [
-      <Breakout.Cell colSpan="all" has="figure" key={1} rowSpan={2} rowStart={1}>
-        <Image alt="" src="https://picsum.photos/1600/900" />
-      </Breakout.Cell>,
-      <Breakout.Cell colSpan="all" has="spotlight" key={2} rowSpan={2} rowStart={2}>
+      <Breakout.Cell colSpan="all" has="spotlight" key={1} rowSpan={2} rowStart={2}>
         <Spotlight />
       </Breakout.Cell>,
+      <Breakout.Cell colSpan="all" has="figure" key={2} rowSpan={2} rowStart={1}>
+        <Image alt="" src="https://picsum.photos/1600/900" />
+      </Breakout.Cell>,
       <Breakout.Cell
         colSpan={{ medium: 6, narrow: 4, wide: 8 }}
         colStart={{ medium: 2, narrow: 1, wide: 3 }}