diff --git a/libs/chat/src/lib/styles/chat-welcome.styles.ts b/libs/chat/src/lib/styles/chat-welcome.styles.ts index d27cffcfd..ddd37a552 100644 --- a/libs/chat/src/lib/styles/chat-welcome.styles.ts +++ b/libs/chat/src/lib/styles/chat-welcome.styles.ts @@ -55,6 +55,17 @@ export const CHAT_WELCOME_STYLES = ` gap: 8px; margin-top: 4px; } + /* Consumers commonly project chips wrapped in a single
element. In that case the slot's flex gap + applies between divs (one of them) — not between the chips inside. + Apply the same flex layout one level down so the chips actually + get spacing. Safe no-op when chips are projected directly. */ + .chat-welcome__suggestions > div { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 8px; + } .chat-welcome__suggestions:empty { display: none; } `;