diff --git a/src/elements/lead-container/lead-container.scss b/src/elements/lead-container/lead-container.scss
index b7fab6e027..b08d33c3e0 100644
--- a/src/elements/lead-container/lead-container.scss
+++ b/src/elements/lead-container/lead-container.scss
@@ -52,6 +52,10 @@
   margin-block-start: 0;
 }
 
+::slotted(sbb-notification.sbb-lead-container-spacing) {
+  margin-block-end: var(--sbb-spacing-responsive-xxxs);
+}
+
 ::slotted(.sbb-lead-container-lead-text) {
   margin-block: 0 var(--sbb-spacing-responsive-s);
 }
diff --git a/src/elements/lead-container/lead-container.stories.ts b/src/elements/lead-container/lead-container.stories.ts
index 427111b4b9..15fc4a0f52 100644
--- a/src/elements/lead-container/lead-container.stories.ts
+++ b/src/elements/lead-container/lead-container.stories.ts
@@ -5,6 +5,7 @@ import '../alert.js';
 import '../breadcrumb.js';
 import '../image.js';
 import '../link/block-link/block-link.js';
+import '../notification.js';
 import '../title.js';
 import './lead-container.js';
 
@@ -16,7 +17,7 @@ const DefaultTemplate = (): TemplateResult => html`
   <sbb-lead-container>
     <style>
       p.other-content {
-        margin-block-end: 0;
+        margin-block: 0;
       }
     </style>
     <sbb-image
@@ -55,6 +56,11 @@ const DefaultTemplate = (): TemplateResult => html`
       ultricies in tincidunt quis, mattis eu quam. Nulla sit amet lorem fermentum, molestie nunc ut,
       hendrerit risus.
     </p>
+    <sbb-notification type="info" class="sbb-lead-container-spacing">
+      Vestibulum rutrum elit et lacus sollicitudin, quis malesuada lorem vehicula. Suspendisse at
+      augue quis tellus vulputate tempor. Vivamus urna velit, varius nec est ac, mollis efficitur
+      lorem. Quisque non nisl eget massa interdum tempus. Praesent vel feugiat metus.
+    </sbb-notification>
     <p class="sbb-text-m other-content">
       Other content. Vestibulum rutrum elit et lacus sollicitudin, quis malesuada lorem vehicula.
       Suspendisse at augue quis tellus vulputate tempor. Vivamus urna velit, varius nec est ac,
diff --git a/src/elements/lead-container/lead-container.visual.spec.ts b/src/elements/lead-container/lead-container.visual.spec.ts
index 5da56ede1f..eddc619b21 100644
--- a/src/elements/lead-container/lead-container.visual.spec.ts
+++ b/src/elements/lead-container/lead-container.visual.spec.ts
@@ -12,6 +12,7 @@ import '../alert.js';
 import '../breadcrumb.js';
 import '../image.js';
 import '../link/block-link/block-link.js';
+import '../notification.js';
 import '../title.js';
 import './lead-container.js';
 
@@ -27,7 +28,7 @@ describe(`sbb-lead-container`, () => {
     <sbb-lead-container>
       <style>
         p.other-content {
-          margin-block-end: 0;
+          margin-block: 0;
         }
       </style>
       ${image}
@@ -59,6 +60,11 @@ describe(`sbb-lead-container`, () => {
         tincidunt quis, mattis eu quam. Nulla sit amet lorem fermentum, molestie nunc ut, hendrerit
         risus.
       </p>
+      <sbb-notification type="info" class="sbb-lead-container-spacing">
+        Vestibulum rutrum elit et lacus sollicitudin, quis malesuada lorem vehicula. Suspendisse at
+        augue quis tellus vulputate tempor. Vivamus urna velit, varius nec est ac, mollis efficitur
+        lorem. Quisque non nisl eget massa interdum tempus. Praesent vel feugiat metus.
+      </sbb-notification>
       <p class="sbb-text-m other-content">
         Other content. Vestibulum rutrum elit et lacus sollicitudin, quis malesuada lorem vehicula.
         Suspendisse at augue quis tellus vulputate tempor. Vivamus urna velit, varius nec est ac,
diff --git a/src/elements/lead-container/readme.md b/src/elements/lead-container/readme.md
index 14ad41f683..b503ae9976 100644
--- a/src/elements/lead-container/readme.md
+++ b/src/elements/lead-container/readme.md
@@ -7,6 +7,8 @@ However, consumers can use the predefined classes
 As per design rules, the spacings are defined as following:
 
 ```html
+<sbb-alert-group></sbb-alert-group>
+<!-- var(--sbb-spacing-responsive-m) -->
 <sbb-breadcrump-group></sbb-breadcrump-group>
 <!-- var(--sbb-spacing-4x) -->
 <sbb-block-link></sbb-block-link>
@@ -15,6 +17,8 @@ As per design rules, the spacings are defined as following:
 <!-- var(--sbb-spacing-responsive-s) -->
 <p></p>
 <!-- var(--sbb-spacing-responsive-s) -->
+<sbb-notification></sbb-notification>
+<!-- var(--sbb-spacing-responsive-xxxs) -->
 ...
 <!-- The last element should have zero block-end spacing to the container -->
 ```
@@ -25,7 +29,7 @@ Full example with applied spacings (CSS classes) in content:
 <sbb-lead-container>
   <style>
     p.other-content {
-      margin-block-end: 0;
+      margin-block: 0;
     }
   </style>
   <sbb-image
@@ -57,6 +61,11 @@ Full example with applied spacings (CSS classes) in content:
   </sbb-block-link>
   <sbb-title class="sbb-lead-container-spacing">Title</sbb-title>
   <p class="sbb-text-xl sbb-lead-container-lead-text">Lead text.</p>
+  <sbb-notification type="info" class="sbb-lead-container-spacing">
+    Vestibulum rutrum elit et lacus sollicitudin, quis malesuada lorem vehicula. Suspendisse at
+    augue quis tellus vulputate tempor. Vivamus urna velit, varius nec est ac, mollis efficitur
+    lorem. Quisque non nisl eget massa interdum tempus. Praesent vel feugiat metus.
+  </sbb-notification>
   <p class="sbb-text-m other-content">Other content.</p>
 </sbb-lead-container>
 ```