diff --git a/packages/dnb-eufemia/src/components/card/style/dnb-card.scss b/packages/dnb-eufemia/src/components/card/style/dnb-card.scss
index 75806e919d6..4208120cabe 100644
--- a/packages/dnb-eufemia/src/components/card/style/dnb-card.scss
+++ b/packages/dnb-eufemia/src/components/card/style/dnb-card.scss
@@ -88,6 +88,7 @@
&::before {
top: var(--outline-width); // align background and outline
z-index: 0;
+ background-color: transparent; // because we inherit the background-color when "outset" is set – but we don't want that in this case
}
}
}
diff --git a/packages/dnb-eufemia/src/extensions/forms/Form/Card/Card.tsx b/packages/dnb-eufemia/src/extensions/forms/Form/Card/Card.tsx
index 277c768ba67..f971f8df3bc 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Form/Card/Card.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Form/Card/Card.tsx
@@ -7,4 +7,6 @@ function Card(props: CardProps) {
return
}
+Card._supportsSpacingProps = true
+
export default Card
diff --git a/packages/dnb-eufemia/src/extensions/forms/Form/Card/__tests__/Card.test.tsx b/packages/dnb-eufemia/src/extensions/forms/Form/Card/__tests__/Card.test.tsx
index 972f56cb640..3795b1d0243 100644
--- a/packages/dnb-eufemia/src/extensions/forms/Form/Card/__tests__/Card.test.tsx
+++ b/packages/dnb-eufemia/src/extensions/forms/Form/Card/__tests__/Card.test.tsx
@@ -3,6 +3,10 @@ import { render } from '@testing-library/react'
import { Form } from '../../..'
describe('Form.Card', () => {
+ it('should have constant of _supportsSpacingProps', () => {
+ expect(Form.Card['_supportsSpacingProps']).toBe(true)
+ })
+
it('should set "outset" by default', () => {
const { rerender } = render(
)
diff --git a/packages/dnb-eufemia/src/extensions/forms/Wizard/Container/__tests__/__image_snapshots__/wizardcontainer-have-to-match-small-screen.snap.png b/packages/dnb-eufemia/src/extensions/forms/Wizard/Container/__tests__/__image_snapshots__/wizardcontainer-have-to-match-small-screen.snap.png
index b1e78da594d..0bce3d4c15e 100644
Binary files a/packages/dnb-eufemia/src/extensions/forms/Wizard/Container/__tests__/__image_snapshots__/wizardcontainer-have-to-match-small-screen.snap.png and b/packages/dnb-eufemia/src/extensions/forms/Wizard/Container/__tests__/__image_snapshots__/wizardcontainer-have-to-match-small-screen.snap.png differ