diff --git a/packages/design-system/src/components/ds-checkbox/ds-checkbox.stories.module.scss b/packages/design-system/src/components/ds-checkbox/ds-checkbox.stories.module.scss
index 1b585b05c..fb5134c20 100644
--- a/packages/design-system/src/components/ds-checkbox/ds-checkbox.stories.module.scss
+++ b/packages/design-system/src/components/ds-checkbox/ds-checkbox.stories.module.scss
@@ -6,5 +6,10 @@
}
.groupIndented {
- margin-left: var(--2xs);
+ margin-left: var(--lg);
+ margin-bottom: var(--xs);
+}
+
+.groupItem {
+ margin: var(--xs);
}
diff --git a/packages/design-system/src/components/ds-checkbox/ds-checkbox.stories.tsx b/packages/design-system/src/components/ds-checkbox/ds-checkbox.stories.tsx
index bca869ce4..207e79ebd 100644
--- a/packages/design-system/src/components/ds-checkbox/ds-checkbox.stories.tsx
+++ b/packages/design-system/src/components/ds-checkbox/ds-checkbox.stories.tsx
@@ -146,7 +146,12 @@ export const Group: Story = {
name="framework-vertical"
>
{frameworkItems.map((item) => (
-
+
))}
@@ -161,7 +166,12 @@ export const Group: Story = {
name="framework-horizontal"
>
{frameworkItems.map((item) => (
-
+
))}
@@ -189,7 +199,7 @@ export const SelectAll: Story = {
name="framework"
>
{frameworkItems.map((item) => (
-
+
))}