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