diff --git a/packages/design-system/src/components/N8nCallout/__tests__/__snapshots__/Callout.spec.ts.snap b/packages/design-system/src/components/N8nCallout/__tests__/__snapshots__/Callout.spec.ts.snap
index e05c385f47f09..ba1bd01f97d32 100644
--- a/packages/design-system/src/components/N8nCallout/__tests__/__snapshots__/Callout.spec.ts.snap
+++ b/packages/design-system/src/components/N8nCallout/__tests__/__snapshots__/Callout.spec.ts.snap
@@ -1,9 +1,9 @@
 // Vitest Snapshot v1
 
 exports[`components > N8nCallout > should render additional slots correctly 1`] = `
-"<div role=\\"alert\\" class=\\"n8n-callout _callout_dfd91_1 _custom_dfd91_17\\">
-  <div class=\\"_message-section_dfd91_12\\">
-    <div class=\\"_icon_dfd91_41\\">
+"<div role=\\"alert\\" class=\\"n8n-callout _callout_lpicq_1 _custom_lpicq_17\\">
+  <div class=\\"_message-section_lpicq_12\\">
+    <div class=\\"_icon_lpicq_41\\">
       <n8n-icon-stub icon=\\"code-branch\\" size=\\"large\\"></n8n-icon-stub>
     </div>
     <n8n-text-stub size=\\"small\\">This is a secondary callout.</n8n-text-stub>&nbsp; <n8n-link-stub size=\\"small\\">Do something!</n8n-link-stub>
@@ -13,9 +13,9 @@ exports[`components > N8nCallout > should render additional slots correctly 1`]
 `;
 
 exports[`components > N8nCallout > should render custom theme correctly 1`] = `
-"<div role=\\"alert\\" class=\\"n8n-callout _callout_dfd91_1 _custom_dfd91_17\\">
-  <div class=\\"_message-section_dfd91_12\\">
-    <div class=\\"_icon_dfd91_41\\">
+"<div role=\\"alert\\" class=\\"n8n-callout _callout_lpicq_1 _custom_lpicq_17\\">
+  <div class=\\"_message-section_lpicq_12\\">
+    <div class=\\"_icon_lpicq_41\\">
       <n8n-icon-stub icon=\\"code-branch\\" size=\\"large\\"></n8n-icon-stub>
     </div>
     <n8n-text-stub size=\\"small\\">This is a secondary callout.</n8n-text-stub>&nbsp;
@@ -24,9 +24,9 @@ exports[`components > N8nCallout > should render custom theme correctly 1`] = `
 `;
 
 exports[`components > N8nCallout > should render danger theme correctly 1`] = `
-"<div role=\\"alert\\" class=\\"n8n-callout _callout_dfd91_1 _danger_dfd91_35\\">
-  <div class=\\"_message-section_dfd91_12\\">
-    <div class=\\"_icon_dfd91_41\\">
+"<div role=\\"alert\\" class=\\"n8n-callout _callout_lpicq_1 _danger_lpicq_35\\">
+  <div class=\\"_message-section_lpicq_12\\">
+    <div class=\\"_icon_lpicq_41\\">
       <n8n-icon-stub icon=\\"times-circle\\" size=\\"large\\"></n8n-icon-stub>
     </div>
     <n8n-text-stub size=\\"small\\">This is a danger callout.</n8n-text-stub>&nbsp;
@@ -35,9 +35,9 @@ exports[`components > N8nCallout > should render danger theme correctly 1`] = `
 `;
 
 exports[`components > N8nCallout > should render info theme correctly 1`] = `
-"<div role=\\"alert\\" class=\\"n8n-callout _callout_dfd91_1 _info_dfd91_16\\">
-  <div class=\\"_message-section_dfd91_12\\">
-    <div class=\\"_icon_dfd91_41\\">
+"<div role=\\"alert\\" class=\\"n8n-callout _callout_lpicq_1 _info_lpicq_16\\">
+  <div class=\\"_message-section_lpicq_12\\">
+    <div class=\\"_icon_lpicq_41\\">
       <n8n-icon-stub icon=\\"info-circle\\" size=\\"large\\"></n8n-icon-stub>
     </div>
     <n8n-text-stub size=\\"small\\">This is an info callout.</n8n-text-stub>&nbsp;
@@ -46,9 +46,9 @@ exports[`components > N8nCallout > should render info theme correctly 1`] = `
 `;
 
 exports[`components > N8nCallout > should render secondary theme correctly 1`] = `
-"<div role=\\"alert\\" class=\\"n8n-callout _callout_dfd91_1 _secondary_dfd91_45\\">
-  <div class=\\"_message-section_dfd91_12\\">
-    <div class=\\"_icon_dfd91_41\\">
+"<div role=\\"alert\\" class=\\"n8n-callout _callout_lpicq_1 _secondary_lpicq_45\\">
+  <div class=\\"_message-section_lpicq_12\\">
+    <div class=\\"_icon_lpicq_41\\">
       <n8n-icon-stub icon=\\"info-circle\\" size=\\"medium\\"></n8n-icon-stub>
     </div>
     <n8n-text-stub size=\\"small\\">This is a secondary callout.</n8n-text-stub>&nbsp;
@@ -57,9 +57,9 @@ exports[`components > N8nCallout > should render secondary theme correctly 1`] =
 `;
 
 exports[`components > N8nCallout > should render success theme correctly 1`] = `
-"<div role=\\"alert\\" class=\\"n8n-callout _callout_dfd91_1 _success_dfd91_29\\">
-  <div class=\\"_message-section_dfd91_12\\">
-    <div class=\\"_icon_dfd91_41\\">
+"<div role=\\"alert\\" class=\\"n8n-callout _callout_lpicq_1 _success_lpicq_29\\">
+  <div class=\\"_message-section_lpicq_12\\">
+    <div class=\\"_icon_lpicq_41\\">
       <n8n-icon-stub icon=\\"check-circle\\" size=\\"large\\"></n8n-icon-stub>
     </div>
     <n8n-text-stub size=\\"small\\">This is a success callout.</n8n-text-stub>&nbsp;
@@ -68,9 +68,9 @@ exports[`components > N8nCallout > should render success theme correctly 1`] = `
 `;
 
 exports[`components > N8nCallout > should render warning theme correctly 1`] = `
-"<div role=\\"alert\\" class=\\"n8n-callout _callout_dfd91_1 _warning_dfd91_23\\">
-  <div class=\\"_message-section_dfd91_12\\">
-    <div class=\\"_icon_dfd91_41\\">
+"<div role=\\"alert\\" class=\\"n8n-callout _callout_lpicq_1 _warning_lpicq_23\\">
+  <div class=\\"_message-section_lpicq_12\\">
+    <div class=\\"_icon_lpicq_41\\">
       <n8n-icon-stub icon=\\"exclamation-triangle\\" size=\\"large\\"></n8n-icon-stub>
     </div>
     <n8n-text-stub size=\\"small\\">This is a warning callout.</n8n-text-stub>&nbsp;