From 7e318fb7aa40eedc005c35413b7ec7ba4b26c91b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20H=C3=B8egh?= <tobias@tujo.no>
Date: Tue, 17 Dec 2024 10:59:36 +0100
Subject: [PATCH] chore(Card): reorder examples

---
 .../docs/uilib/components/card/Examples.tsx   |  6 ++----
 .../src/docs/uilib/components/card/demos.mdx  | 20 +++++++++----------
 2 files changed, 12 insertions(+), 14 deletions(-)

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 (
     <ComponentBox>
       <Form.Card>
-        <Flex.Vertical>
-          <Field.String label="Label" value="Value" />
-          <Field.String label="Label" value="Value" />
-        </Flex.Vertical>
+        <Field.String label="Label" value="Value" />
+        <Field.String label="Label" value="Value" />
       </Form.Card>
     </ComponentBox>
   )
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'
 
 <Examples.Default />
 
+### 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.
+
+<Examples.Stack />
+
 ### 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
 
 <Examples.HorizontalFields />
 
-### 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.
-
-<Examples.Stack />
-
 ### Nested Cards
 
 Nested cards have `responsive={false}` by default and will not behave responsive.