diff --git a/playwright/visual.test.ts-snapshots/VisualList-VisualList-Default-1-chromium-linux.png b/playwright/visual.test.ts-snapshots/VisualList-VisualList-Default-1-chromium-linux.png index 8d0d0877..0f98ad29 100644 Binary files a/playwright/visual.test.ts-snapshots/VisualList-VisualList-Default-1-chromium-linux.png and b/playwright/visual.test.ts-snapshots/VisualList-VisualList-Default-1-chromium-linux.png differ diff --git a/playwright/visual.test.ts-snapshots/VisualList-VisualListItem-Default-1-chromium-linux.png b/playwright/visual.test.ts-snapshots/VisualList-VisualListItem-Default-1-chromium-linux.png index e9590432..4ad8c33f 100644 Binary files a/playwright/visual.test.ts-snapshots/VisualList-VisualListItem-Default-1-chromium-linux.png and b/playwright/visual.test.ts-snapshots/VisualList-VisualListItem-Default-1-chromium-linux.png differ diff --git a/playwright/visual.test.ts-snapshots/VisualList-VisualListItem-Destructive-1-chromium-linux.png b/playwright/visual.test.ts-snapshots/VisualList-VisualListItem-Destructive-1-chromium-linux.png index f5ae0157..e3683dd7 100644 Binary files a/playwright/visual.test.ts-snapshots/VisualList-VisualListItem-Destructive-1-chromium-linux.png and b/playwright/visual.test.ts-snapshots/VisualList-VisualListItem-Destructive-1-chromium-linux.png differ diff --git a/playwright/visual.test.ts-snapshots/VisualList-VisualListItem-Success-1-chromium-linux.png b/playwright/visual.test.ts-snapshots/VisualList-VisualListItem-Success-1-chromium-linux.png index 19b96ffb..5433beed 100644 Binary files a/playwright/visual.test.ts-snapshots/VisualList-VisualListItem-Success-1-chromium-linux.png and b/playwright/visual.test.ts-snapshots/VisualList-VisualListItem-Success-1-chromium-linux.png differ diff --git a/src/components/VisualList/VisualListItem.module.css b/src/components/VisualList/VisualListItem.module.css index b083dbe6..2c918a79 100644 --- a/src/components/VisualList/VisualListItem.module.css +++ b/src/components/VisualList/VisualListItem.module.css @@ -20,6 +20,7 @@ padding: var(--cpd-space-3x) var(--cpd-space-4x); background-color: var(--cpd-color-bg-subtle-secondary); font: var(--cpd-font-body-md-medium); + align-items: center; } .visual-list-item-icon { diff --git a/src/components/VisualList/VisualListItem.stories.tsx b/src/components/VisualList/VisualListItem.stories.tsx index 2d2cbe62..354cc1c4 100644 --- a/src/components/VisualList/VisualListItem.stories.tsx +++ b/src/components/VisualList/VisualListItem.stories.tsx @@ -53,4 +53,5 @@ export const Multiline = Template.bind({}); Multiline.args = { children: "List item with a looooooooooong very looooooooooong loooooooooooooong description", + style: { alignItems: "start" }, };