From 43e08e978624757a3fa0ae4b4046fb533bd7e48c Mon Sep 17 00:00:00 2001
From: Michal Murawski <michal.murawski@drivenets.com>
Date: Mon, 11 May 2026 11:29:12 +0200
Subject: [PATCH] chore(design-system): proper indentation in checkbox group
 [AR-56582]

---
 .../ds-checkbox/ds-checkbox.stories.module.scss  |  7 ++++++-
 .../ds-checkbox/ds-checkbox.stories.tsx          | 16 +++++++++++++---
 2 files changed, 19 insertions(+), 4 deletions(-)

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) => (
-							<DsCheckbox key={item.value} label={item.label} value={item.value} />
+							<DsCheckbox
+								key={item.value}
+								label={item.label}
+								value={item.value}
+								className={styles.groupItem}
+							/>
 						))}
 					</DsCheckboxGroup>
 				</DsStack>
@@ -161,7 +166,12 @@ export const Group: Story = {
 						name="framework-horizontal"
 					>
 						{frameworkItems.map((item) => (
-							<DsCheckbox key={item.value} label={item.label} value={item.value} />
+							<DsCheckbox
+								key={item.value}
+								label={item.label}
+								value={item.value}
+								className={styles.groupItem}
+							/>
 						))}
 					</DsCheckboxGroup>
 				</DsStack>
@@ -189,7 +199,7 @@ export const SelectAll: Story = {
 					name="framework"
 				>
 					{frameworkItems.map((item) => (
-						<DsCheckbox key={item.value} label={item.label} value={item.value} />
+						<DsCheckbox key={item.value} label={item.label} value={item.value} className={styles.groupItem} />
 					))}
 				</DsCheckboxGroup>
 			</DsStack>