diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/card/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/components/card/Examples.tsx
index 444d749ad75..582e5a24b57 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/card/Examples.tsx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/card/Examples.tsx
@@ -182,10 +182,8 @@ export const VerticalFields = () => {
return (
-
-
-
-
+
+
)
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/components/card/demos.mdx b/packages/dnb-design-system-portal/src/docs/uilib/components/card/demos.mdx
index 0db53fa4213..3d69bc91acc 100644
--- a/packages/dnb-design-system-portal/src/docs/uilib/components/card/demos.mdx
+++ b/packages/dnb-design-system-portal/src/docs/uilib/components/card/demos.mdx
@@ -10,6 +10,16 @@ import * as Examples from './Examples'
+### Stack
+
+When `stack` is set to `true`, the Card will add a gap between its children and stretch them to the full.
+
+For [form components](uilib/extensions/forms/), you should use [Form.Card](/uilib/extensions/forms/Form/Card/) instead of the original Card component.
+
+When `stack` is set to `true`, the Card will add a gap between its children and stretch them to the full.
+
+
+
### Vertical fields
When using Eufemia Forms, you may want to use [Form.Card](/uilib/extensions/forms/Form/Card/) instead of the original Card component.
@@ -22,16 +32,6 @@ When using Eufemia Forms, you may want to use [Form.Card](/uilib/extensions/form
-### Stack
-
-When `stack` is set to `true`, the Card will add a gap between its children and stretch them to the full.
-
-For [form components](uilib/extensions/forms/), you should use [Form.Card](/uilib/extensions/forms/Form/Card/) instead of the original Card component.
-
-When `stack` is set to `true`, the Card will add a gap between its children and stretch them to the full.
-
-
-
### Nested Cards
Nested cards have `responsive={false}` by default and will not behave responsive.