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) => ( - + ))}