diff --git a/.changeset/fifty-hornets-hang.md b/.changeset/fifty-hornets-hang.md
new file mode 100644
index 0000000000..368ba7a03b
--- /dev/null
+++ b/.changeset/fifty-hornets-hang.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-css": patch
+---
+
+CSS: Move default background-color to `<body>` element
diff --git a/apps/storybook/story-utils/customStylesDecorator.tsx b/apps/storybook/story-utils/customStylesDecorator.tsx
index fb9f9fdda3..64b9479835 100644
--- a/apps/storybook/story-utils/customStylesDecorator.tsx
+++ b/apps/storybook/story-utils/customStylesDecorator.tsx
@@ -41,6 +41,7 @@ export const customStylesDecorator: Decorator = (Story, ctx) => {
     <div
       className='storybook-decorator'
       style={{
+        boxSizing: 'border-box',
         overflow: 'hidden',
         padding: '1rem',
         ...style,
diff --git a/packages/css/base/base.css b/packages/css/base/base.css
index c7b8553192..bd61bb5da7 100644
--- a/packages/css/base/base.css
+++ b/packages/css/base/base.css
@@ -25,7 +25,11 @@
     --ds-font-size-minus-1: round(down, max(.9em, .875rem), 0.0625rem); /* Default to 90% of font-size, but minimum 14px */
     --ds-font-size-plus-1: round(down, 1.1em, 0.0625rem); /* Default to 110% */
   }
+}
 
+/* Set default background and color on <body> (not :root) to align with best practice */
+body,
+[data-ds-color-mode] {
   color: var(--ds-color-neutral-text-default);
   background-color: var(--ds-color-neutral-background-default);
 }
