diff --git a/.changeset/old-carpets-think.md b/.changeset/old-carpets-think.md new file mode 100644 index 0000000000..72a478285e --- /dev/null +++ b/.changeset/old-carpets-think.md @@ -0,0 +1,5 @@ +--- +'@swisspost/design-system-styles': patch +--- + +Fixed layout on post-alert with medium (md) breakpoint. diff --git a/packages/styles/src/components/alert.scss b/packages/styles/src/components/alert.scss index 9b2a656a35..9be83b6b5d 100644 --- a/packages/styles/src/components/alert.scss +++ b/packages/styles/src/components/alert.scss @@ -65,10 +65,15 @@ padding-inline-end: notification.$notification-gap + close.$close-size; } + &.no-icon > .alert-content { + padding-inline-start: 0; + } + > .alert-buttons { display: flex; - > .btn { + > .btn, + > ::slotted(.btn) { flex: 1 0 0; width: 100%;