diff --git a/theme/global/global.ts b/theme/global/global.ts
index ef3d871c7be..f9d64d5fe72 100644
--- a/theme/global/global.ts
+++ b/theme/global/global.ts
@@ -35,10 +35,10 @@ export const globalCss = defineGlobalStyles({
   },
   '.mode__popup': {
     'html,body, #app, .radix-themes': {
-      height: tokens.sizes.popupHeight.value,
       maxHeight: '100vh',
       minHeight: tokens.sizes.dialogHeight.value,
       width: tokens.sizes.popupWidth.value,
+      margin: '0 auto',
 
       '::-webkit-scrollbar': {
         display: 'none',