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" },
 };
diff --git a/src/components/VisualList/__snapshots__/VisualListItem.test.tsx.snap b/src/components/VisualList/__snapshots__/VisualListItem.test.tsx.snap
index 07031320..2edb5b8b 100644
--- a/src/components/VisualList/__snapshots__/VisualListItem.test.tsx.snap
+++ b/src/components/VisualList/__snapshots__/VisualListItem.test.tsx.snap
@@ -60,6 +60,7 @@ exports[`VisualListItem > renders a Multiline VisualListItem 1`] = `
 <div>
   <li
     class="_visual-list-item_1553df"
+    style="align-items: start;"
   >
     <svg
       aria-hidden="true"