From 9f2c53d542af265d2c4f92e80136f6e1852e0117 Mon Sep 17 00:00:00 2001
From: imagoiq <12294151+imagoiq@users.noreply.github.com>
Date: Mon, 11 Mar 2024 08:38:16 +0100
Subject: [PATCH] fix(styles): Fixed layout on post-alert with medium (md)
 breakpoint

---
 .changeset/old-carpets-think.md           | 5 +++++
 packages/styles/src/components/alert.scss | 7 ++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/old-carpets-think.md

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%;