From f0513dcecdc0e1f35a578657cb982404be6b9ad9 Mon Sep 17 00:00:00 2001
From: leagrdv <lea.gardavaud@post.ch>
Date: Mon, 16 Dec 2024 11:22:41 +0100
Subject: [PATCH] fix(components): mega dropdown to one column on mobile

---
 .changeset/bright-insects-unite.md                           | 5 +++++
 .../src/components/post-megadropdown/post-megadropdown.scss  | 4 ++++
 2 files changed, 9 insertions(+)
 create mode 100644 .changeset/bright-insects-unite.md

diff --git a/.changeset/bright-insects-unite.md b/.changeset/bright-insects-unite.md
new file mode 100644
index 0000000000..1b9e20b4d1
--- /dev/null
+++ b/.changeset/bright-insects-unite.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-components': patch
+---
+
+Switched mega dropdown content to one column on mobile.
diff --git a/packages/components/src/components/post-megadropdown/post-megadropdown.scss b/packages/components/src/components/post-megadropdown/post-megadropdown.scss
index ba5e0d7465..3871f4d11c 100644
--- a/packages/components/src/components/post-megadropdown/post-megadropdown.scss
+++ b/packages/components/src/components/post-megadropdown/post-megadropdown.scss
@@ -77,6 +77,10 @@ post-popovercontainer {
     @include media.max(lg) {
       grid-template-columns: repeat(auto-fit, minmax(min(35vw, 100%), 1fr));
     }
+
+    @include media.max(sm) {
+      grid-template-columns: 1fr;
+    }
   }
 
   h2 {