Fix stacking issue

Amsterdam · Dec 17, 2024 · 7c64445 · 7c64445
1 parent ef84e02
commit 7c64445
Showing 1 changed file with 4 additions and 4 deletions.
diff --git 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 }}