From d34b6497aab64545462a5c6c4e4a00ff0e01dafc Mon Sep 17 00:00:00 2001
From: Vincent Smedinga <v.smedinga@amsterdam.nl>
Date: Sat, 25 Nov 2023 01:22:25 +0100
Subject: [PATCH] Fix grid padding in Footer and Highlight stories

---
 storybook/storybook-react/src/Footer/Footer.stories.tsx     | 6 +++---
 .../storybook-react/src/Highlight/Highlight.stories.tsx     | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/storybook/storybook-react/src/Footer/Footer.stories.tsx b/storybook/storybook-react/src/Footer/Footer.stories.tsx
index c16d0241ac..93611f14c5 100644
--- a/storybook/storybook-react/src/Footer/Footer.stories.tsx
+++ b/storybook/storybook-react/src/Footer/Footer.stories.tsx
@@ -31,7 +31,7 @@ export const Default: Story = {
         <VisuallyHidden>
           <Heading>Colofon</Heading>
         </VisuallyHidden>
-        <Grid>
+        <Grid paddingVertical="medium">
           <Grid.Cell span={3}>
             <div style={{ display: 'grid', gap: '2.5rem' }}>
               <Heading level={2} size="level-4" inverseColor>
@@ -81,7 +81,7 @@ export const Default: Story = {
               </UnorderedList>
             </div>
           </Grid.Cell>
-          <Grid.Cell span={3} start={{ narrow: 1, medium: 1, wide: 9 }}>
+          <Grid.Cell span={{ narrow: 4, medium: 8, wide: 4 }} start={{ narrow: 1, medium: 1, wide: 9 }}>
             <div style={{ display: 'grid', gap: '2.5rem' }}>
               <Heading level={2} size="level-4" inverseColor>
                 Onderzoek en Statistiek
@@ -116,7 +116,7 @@ export const Default: Story = {
         <VisuallyHidden>
           <Heading level={2}>Over deze website</Heading>
         </VisuallyHidden>
-        <Grid>
+        <Grid paddingVertical="small">
           <Grid.Cell fullWidth>
             <PageMenu>
               <PageMenu.Link href="/">Privacy</PageMenu.Link>
diff --git a/storybook/storybook-react/src/Highlight/Highlight.stories.tsx b/storybook/storybook-react/src/Highlight/Highlight.stories.tsx
index 3f03afae3f..24d6a94bde 100644
--- a/storybook/storybook-react/src/Highlight/Highlight.stories.tsx
+++ b/storybook/storybook-react/src/Highlight/Highlight.stories.tsx
@@ -34,7 +34,7 @@ const meta = {
   },
   render: ({ color }) => (
     <Highlight color={color}>
-      <Grid>
+      <Grid paddingVertical="medium">
         <Grid.Cell fullWidth>
           <Blockquote inverseColor={!color || !['green', 'yellow'].includes(color)}>
             We kunnen in heel Nederland schoolpleinen creëren waar kinderen worden uitgedaagd om samen te spelen en te