diff --git a/src/stories/Library/Buttons/button-favourite/ButtonFavourite.stories.tsx b/src/stories/Library/Buttons/button-favourite/ButtonFavourite.stories.tsx
index dc49eb511..9e1f9f963 100644
--- a/src/stories/Library/Buttons/button-favourite/ButtonFavourite.stories.tsx
+++ b/src/stories/Library/Buttons/button-favourite/ButtonFavourite.stories.tsx
@@ -12,6 +12,7 @@ export default {
       type: "figma",
       url: "https://www.figma.com/file/Zx9GrkFA3l4ISvyZD2q0Qi/Designsystem?node-id=656%3A5407",
     },
+    layout: "centered",
   },
   argTypes: {
     fill: {
diff --git a/src/stories/Library/Buttons/button/button-expand/button-expand.stories.tsx b/src/stories/Library/Buttons/button/button-expand/button-expand.stories.tsx
index a42d78c97..070f40d49 100644
--- a/src/stories/Library/Buttons/button/button-expand/button-expand.stories.tsx
+++ b/src/stories/Library/Buttons/button/button-expand/button-expand.stories.tsx
@@ -4,7 +4,9 @@ import ButtonExpand, { ButtonExpandProps } from "./ButtonExpand";
 export default {
   title: "Library / Buttons / Button Expand",
   component: ButtonExpand,
-  parameters: {},
+  parameters: {
+    layout: "centered",
+  },
   argTypes: {
     showMore: {
       control: {
diff --git a/src/stories/Library/Buttons/toggle-button/ToggleButton.stories.tsx b/src/stories/Library/Buttons/toggle-button/ToggleButton.stories.tsx
index d25b56420..016257dd6 100644
--- a/src/stories/Library/Buttons/toggle-button/ToggleButton.stories.tsx
+++ b/src/stories/Library/Buttons/toggle-button/ToggleButton.stories.tsx
@@ -11,6 +11,7 @@ export default {
       type: "figma",
       url: "https://www.figma.com/file/xouARmJCONbzbZhpD8XpcM/Brugerprofil?node-id=607%3A35282",
     },
+    layout: "centered",
   },
   argTypes: {
     isChecked: {
diff --git a/src/stories/Library/Forms/checkbox/Checkbox.stories.tsx b/src/stories/Library/Forms/checkbox/Checkbox.stories.tsx
index 6641490c9..8d30847ae 100644
--- a/src/stories/Library/Forms/checkbox/Checkbox.stories.tsx
+++ b/src/stories/Library/Forms/checkbox/Checkbox.stories.tsx
@@ -36,7 +36,9 @@ export default {
       },
     },
   },
-  parameters: {},
+  parameters: {
+    layout: "centered",
+  },
 } as ComponentMeta<typeof Checkbox>;
 
 const Template: ComponentStory<typeof Checkbox> = (args) => (
diff --git a/src/stories/Library/Forms/date-picker/DatePicker.stories.tsx b/src/stories/Library/Forms/date-picker/DatePicker.stories.tsx
index f692b3e51..95b86e486 100644
--- a/src/stories/Library/Forms/date-picker/DatePicker.stories.tsx
+++ b/src/stories/Library/Forms/date-picker/DatePicker.stories.tsx
@@ -17,7 +17,7 @@ export default {
       type: "figma",
       url: "https://www.figma.com/file/Zx9GrkFA3l4ISvyZD2q0Qi/Designsystem?type=design&node-id=7605%3A54868&mode=design&t=MoXpQuI4TAXRxRDe-1",
     },
-    layout: "fullscreen",
+    layout: "padded",
   },
 } as ComponentMeta<typeof DatePicker>;
 
diff --git a/src/stories/Library/Forms/input/Input.stories.tsx b/src/stories/Library/Forms/input/Input.stories.tsx
index bd1e17214..6f68bdbdb 100644
--- a/src/stories/Library/Forms/input/Input.stories.tsx
+++ b/src/stories/Library/Forms/input/Input.stories.tsx
@@ -24,7 +24,7 @@ export default {
       type: "figma",
       url: "https://www.figma.com/file/xouARmJCONbzbZhpD8XpcM/Brugerprofil?node-id=1239%3A66174",
     },
-    layout: "fullscreen",
+    layout: "padded",
   },
 } as ComponentMeta<typeof Input>;
 
diff --git a/src/stories/Library/accordion/Accordion.stories.tsx b/src/stories/Library/accordion/Accordion.stories.tsx
index ddbff55ad..1ef1f6e50 100644
--- a/src/stories/Library/accordion/Accordion.stories.tsx
+++ b/src/stories/Library/accordion/Accordion.stories.tsx
@@ -15,6 +15,7 @@ export default {
       type: "figma",
       url: "https://www.figma.com/file/Zx9GrkFA3l4ISvyZD2q0Qi/Designsystem?node-id=1357%3A9754",
     },
+    layout: "padded",
   },
   argTypes: {
     list: {
diff --git a/src/stories/Library/date-calendar/DatePicker.stories.tsx b/src/stories/Library/date-calendar/DatePicker.stories.tsx
index 8338a113d..c0a7006d6 100644
--- a/src/stories/Library/date-calendar/DatePicker.stories.tsx
+++ b/src/stories/Library/date-calendar/DatePicker.stories.tsx
@@ -12,7 +12,7 @@ export default {
       type: "figma",
       url: "https://www.figma.com/file/Zx9GrkFA3l4ISvyZD2q0Qi/Designsystem?type=design&node-id=7605%3A54868&mode=design&t=MoXpQuI4TAXRxRDe-1",
     },
-    layout: "fullscreen",
+    layout: "padded",
   },
 } as ComponentMeta<typeof DateCalendar>;
 
diff --git a/src/stories/Library/dropdown/Dropdown.stories.tsx b/src/stories/Library/dropdown/Dropdown.stories.tsx
index f1b933b80..f1727653e 100644
--- a/src/stories/Library/dropdown/Dropdown.stories.tsx
+++ b/src/stories/Library/dropdown/Dropdown.stories.tsx
@@ -19,6 +19,7 @@ export default {
       type: "figma",
       url: "https://www.figma.com/file/Zx9GrkFA3l4ISvyZD2q0Qi/Designsystem?node-id=274%3A6642",
     },
+    layout: "padded",
   },
 };
 
diff --git a/src/stories/Library/progress-bar/progressBar.stories.tsx b/src/stories/Library/progress-bar/progressBar.stories.tsx
index b90f62a60..812cae71d 100644
--- a/src/stories/Library/progress-bar/progressBar.stories.tsx
+++ b/src/stories/Library/progress-bar/progressBar.stories.tsx
@@ -9,7 +9,7 @@ export default {
       type: "figma",
       url: "https://www.figma.com/file/xouARmJCONbzbZhpD8XpcM/Brugerprofil?node-id=1239%3A66855",
     },
-    layout: "fullscreen",
+    layout: "padded",
   },
   argTypes: {
     amount: {
diff --git a/src/stories/Library/status-label/StatusLabel.stories.tsx b/src/stories/Library/status-label/StatusLabel.stories.tsx
index 0cc672893..f57a61872 100644
--- a/src/stories/Library/status-label/StatusLabel.stories.tsx
+++ b/src/stories/Library/status-label/StatusLabel.stories.tsx
@@ -7,7 +7,9 @@ export default {
   component: StatusLabel,
   decorators: [withDesign],
   argTypes: {},
-  parameters: {},
+  parameters: {
+    layout: "centered",
+  },
 } as ComponentMeta<typeof StatusLabel>;
 
 const Template: ComponentStory<typeof StatusLabel> = (args) => (
diff --git a/src/stories/Library/typography/Typography.stories.tsx b/src/stories/Library/typography/Typography.stories.tsx
index 1cb7c7d34..fe5b197f3 100644
--- a/src/stories/Library/typography/Typography.stories.tsx
+++ b/src/stories/Library/typography/Typography.stories.tsx
@@ -12,6 +12,7 @@ export default {
       type: "figma",
       url: "https://www.figma.com/file/Zx9GrkFA3l4ISvyZD2q0Qi/Designsystem?node-id=2%3A476",
     },
+    layout: "padded",
   },
 } as Meta;