From ccc39c4acf78e347e102f53b16d98e13e295d82a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Fri, 29 May 2026 17:50:48 +0200
Subject: [PATCH] Fix mobile overlay pulldown alignment to prevent viewport
 overflow

---
 styles/10-components-interactive-elements.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/styles/10-components-interactive-elements.css b/styles/10-components-interactive-elements.css
index ae89094..38d92aa 100644
--- a/styles/10-components-interactive-elements.css
+++ b/styles/10-components-interactive-elements.css
@@ -1123,6 +1123,13 @@
       right: 0;
     }
 
+    @media (max-width: 48rem) {
+      .sg-pulldown-demo[data-component-context="overlay"] .sg-pulldown-panel {
+        left: auto;
+        right: 0;
+      }
+    }
+
     .sg-pulldown-panel__row {
       display: grid;
       grid-template-columns: calc(var(--interaction-height) * 5) calc(var(--interaction-height) * 7) var(--interaction-height);