From 2b8496dd4370a06f00cf8d5a6ba8a880b227ab74 Mon Sep 17 00:00:00 2001
From: Philipp Gfeller <1659006+gfellerph@users.noreply.github.com>
Date: Wed, 24 Jul 2024 16:14:02 +0200
Subject: [PATCH] fix(styles): invalid CSS selector (#3343)

---
 .changeset/four-bugs-repeat.md            | 5 +++++
 packages/styles/src/components/alert.scss | 7 ++++---
 2 files changed, 9 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/four-bugs-repeat.md

diff --git a/.changeset/four-bugs-repeat.md b/.changeset/four-bugs-repeat.md
new file mode 100644
index 0000000000..65078189c2
--- /dev/null
+++ b/.changeset/four-bugs-repeat.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': patch
+---
+
+Fixed a broken CSS selector in the alerts styles. The file now produces valid output again.
diff --git a/packages/styles/src/components/alert.scss b/packages/styles/src/components/alert.scss
index 9be83b6b5d..796c8f9c7c 100644
--- a/packages/styles/src/components/alert.scss
+++ b/packages/styles/src/components/alert.scss
@@ -76,10 +76,11 @@
       > ::slotted(.btn) {
         flex: 1 0 0;
         width: 100%;
+      }
 
-        &:first-child {
-          margin-inline-start: 0;
-        }
+      > .btn:first-child,
+      > ::slotted(.btn:first-child) {
+        margin-inline-start: 0;
       }
     }
   }