Skip to content

Commit 6bebd0f

Browse files
committed
Fix <Notification/> bug for message with just plain text
1 parent 66c37d9 commit 6bebd0f

1 file changed

Lines changed: 4 additions & 2 deletions

File tree

  • @stellar/design-system/src/components/Notification

@stellar/design-system/src/components/Notification/index.tsx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ export interface NotificationProps
3838
// TODO: Notification: floating with max width
3939

4040
/**
41-
* Use `notification` to draw a user's attention. There are five variants `primary`, `success`, `error`, and `warning`.
41+
* Use `notification` to draw a user's attention. There are five variants `primary`, `success`, `error`, and `warning`.
4242
*/
4343
export const Notification = ({
4444
variant,
@@ -97,7 +97,9 @@ export const Notification = ({
9797
<div className="Notification__content__title">{title}</div>
9898

9999
{children ? (
100-
<div className="Notification__content__message">{children}</div>
100+
<div className="Notification__content__message">
101+
<div>{children}</div>
102+
</div>
101103
) : null}
102104
</div>
103105

0 commit comments

Comments
 (0)