diff --git a/src/design-tokens/sx.css.ts b/src/design-tokens/sx.css.ts
index f2d94fd..e9281ff 100644
--- a/src/design-tokens/sx.css.ts
+++ b/src/design-tokens/sx.css.ts
@@ -4,7 +4,7 @@ import { vars } from './theme';
 
 const responsiveProperties = defineProperties({
   conditions: {
-    popupScreen: { '@media': 'screen and (min-width: 360px)' },
+    popupScreen: { '@media': 'screen and (min-width: 0px)' },
     minimumScreen: { '@media': 'screen and (min-width: 668px)' },
     xSmallScreen: { '@media': 'screen and (min-width: 1024px)' },
     smallScreen: { '@media': 'screen and (min-width: 1280px)' },