diff --git a/packages/css/src/components/grid/grid.scss b/packages/css/src/components/grid/grid.scss
index e91d3b1eed..3505afb737 100644
--- a/packages/css/src/components/grid/grid.scss
+++ b/packages/css/src/components/grid/grid.scss
@@ -28,6 +28,10 @@
   --amsterdam-grid-padding-inline: var(--amsterdam-grid-compact-padding-inline);
 }
 
+.amsterdam-grid--gap-vertical--none {
+  row-gap: initial;
+}
+
 .amsterdam-grid--gap-vertical--small {
   row-gap: calc(var(--amsterdam-grid-gap) / 2);
 }
diff --git a/packages/react/src/Grid/Grid.tsx b/packages/react/src/Grid/Grid.tsx
index 1755439017..3074605e68 100644
--- a/packages/react/src/Grid/Grid.tsx
+++ b/packages/react/src/Grid/Grid.tsx
@@ -48,7 +48,7 @@ export type GridProps = {
    */
   compact?: boolean
   /** The amount of vertical whitespace between rows of the grid. */
-  gapVertical?: 'small' | 'large'
+  gapVertical?: 'none' | 'small' | 'large'
 } & (GridPaddingVerticalProp | GridPaddingTopAndBottomProps) &
   PropsWithChildren<HTMLAttributes<HTMLDivElement>>
 
diff --git a/storybook/storybook-react/src/Grid/Grid.stories.tsx b/storybook/storybook-react/src/Grid/Grid.stories.tsx
index 911969694b..f6af49f610 100644
--- a/storybook/storybook-react/src/Grid/Grid.stories.tsx
+++ b/storybook/storybook-react/src/Grid/Grid.stories.tsx
@@ -23,9 +23,9 @@ const gridArgTypes = {
   gapVertical: {
     control: {
       type: 'radio',
-      labels: { small: 'small', undefined: 'medium', large: 'large' },
+      labels: { none: 'none', small: 'small', undefined: 'medium', large: 'large' },
     },
-    options: ['small', undefined, 'large'],
+    options: ['none', 'small', undefined, 'large'],
   },
   paddingVertical: paddingArgType,
   paddingTop: paddingArgType,