From 91f455860f7a7889dab3bb673ca6e5515e12c249 Mon Sep 17 00:00:00 2001
From: Mahmoud <maradwan26@gmail.com>
Date: Thu, 25 Sep 2025 12:22:21 -0400
Subject: [PATCH] fix(toast): fix details spacing

---
 .../notification/toast-notification.ts        | 30 +++++++++----------
 1 file changed, 14 insertions(+), 16 deletions(-)

diff --git a/packages/web-components/src/components/notification/toast-notification.ts b/packages/web-components/src/components/notification/toast-notification.ts
index 308cda7e9573..b73a3f2f7040 100644
--- a/packages/web-components/src/components/notification/toast-notification.ts
+++ b/packages/web-components/src/components/notification/toast-notification.ts
@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2019, 2023
+ * Copyright IBM Corp. 2019, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -31,22 +31,20 @@ class CDSToastNotification extends CDSInlineNotification {
   protected _renderText() {
     const { caption, subtitle, title, _type: type } = this;
     return html`
-      <div class="${prefix}--${type}-notification__details">
-        <div class="${prefix}--${type}-notification__title">
-          ${title}<slot name="title"></slot>
-        </div>
-        <div class="${prefix}--${type}-notification__subtitle">
-          ${subtitle}<slot name="subtitle"></slot>
-        </div>
-        ${caption || this.querySelector('[slot="caption"]')
-          ? html`
-              <div class="${prefix}--${type}-notification__caption">
-                ${caption}<slot name="caption"></slot>
-              </div>
-            `
-          : null}
-        <slot></slot>
+      <div class="${prefix}--${type}-notification__title">
+        ${title}<slot name="title"></slot>
+      </div>
+      <div class="${prefix}--${type}-notification__subtitle">
+        ${subtitle}<slot name="subtitle"></slot>
       </div>
+      ${caption || this.querySelector('[slot="caption"]')
+        ? html`
+            <div class="${prefix}--${type}-notification__caption">
+              ${caption}<slot name="caption"></slot>
+            </div>
+          `
+        : null}
+      <slot></slot>
     `;
   }