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 c5891832bcc..fbfdfda5dd3 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
@@ -208,6 +208,16 @@ export const WithHeadingsAndAriaLabel = () => {
   )
 }
 
+export const WithoutPadding = () => {
+  return (
+    <ComponentBox>
+      <Card innerSpace={false} align="stretch">
+        <P>no inner space</P>
+      </Card>
+    </ComponentBox>
+  )
+}
+
 export const WithNestedSection = () => {
   return (
     <ComponentBox data-visual-test="card-nested-section">
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 5fe5a7c47c6..30f61b91b7e 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
@@ -20,8 +20,16 @@ import * as Examples from './Examples'
 
 ### Stack
 
+The Card components needs to have `stack={true}` or `align="stretch"` in order to stretch its children components.
+
+For [form components](uilib/extensions/forms/), you should use `stack={true}` to get the correct spacing.
+
 <Examples.Stack />
 
+### Without padding
+
+<Examples.WithoutPadding />
+
 ### With nested Section
 
 The Card components needs to have `stack={true}` or `align="stretch"` in order to stretch its children components.