diff --git a/invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsMenu.tsx b/invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsMenu.tsx
index 2e0bd637c1..33455e50fa 100644
--- a/invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsMenu.tsx
+++ b/invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsMenu.tsx
@@ -5,6 +5,7 @@ import {
   MenuGroup,
   MenuItem,
   MenuList,
+  Portal,
   useDisclosure,
   useGlobalMenuClose,
 } from '@invoke-ai/ui-library';
@@ -44,49 +45,51 @@ const SettingsMenu = () => {
         icon={<RiSettings4Line fontSize={20} />}
         boxSize={8}
       />
-      <MenuList zIndex={1}>
-        <MenuGroup title={t('upsell.professional')}>
-          <SettingsUpsellMenuItem menuText={t('upsell.inviteTeammates')} menuIcon={PiUsersBold} />
-          <SettingsUpsellMenuItem menuText={t('upsell.shareAccess')} menuIcon={PiShareNetworkFill} />
-        </MenuGroup>
+      <Portal>
+        <MenuList>
+          <MenuGroup title={t('upsell.professional')}>
+            <SettingsUpsellMenuItem menuText={t('upsell.inviteTeammates')} menuIcon={PiUsersBold} />
+            <SettingsUpsellMenuItem menuText={t('upsell.shareAccess')} menuIcon={PiShareNetworkFill} />
+          </MenuGroup>
 
-        <MenuGroup title={t('common.communityLabel')}>
-          {isGithubLinkEnabled && (
-            <MenuItem as="a" href={githubLink} target="_blank" icon={<RiGithubFill />}>
-              {t('common.githubLabel')}
-            </MenuItem>
-          )}
-          {isBugLinkEnabled && (
-            <MenuItem as="a" href={`${githubLink}/issues`} target="_blank" icon={<PiBugBeetleBold />}>
-              {t('common.reportBugLabel')}
-            </MenuItem>
-          )}
-          {isDiscordLinkEnabled && (
-            <MenuItem as="a" href={discordLink} target="_blank" icon={<RiDiscordFill />}>
-              {t('common.discordLabel')}
-            </MenuItem>
-          )}
-        </MenuGroup>
-        <MenuGroup title={t('common.settingsLabel')}>
-          <HotkeysModal>
-            <MenuItem as="button" icon={<PiKeyboardBold />}>
-              {t('common.hotkeysLabel')}
-            </MenuItem>
-          </HotkeysModal>
-          <SettingsModal>
-            <MenuItem as="button" icon={<PiToggleRightFill />}>
-              {t('common.settingsLabel')}
-            </MenuItem>
-          </SettingsModal>
-        </MenuGroup>
-        <MenuGroup title={t('accessibility.about')}>
-          <AboutModal>
-            <MenuItem as="button" icon={<PiInfoBold />}>
-              {t('accessibility.about')}
-            </MenuItem>
-          </AboutModal>
-        </MenuGroup>
-      </MenuList>
+          <MenuGroup title={t('common.communityLabel')}>
+            {isGithubLinkEnabled && (
+              <MenuItem as="a" href={githubLink} target="_blank" icon={<RiGithubFill />}>
+                {t('common.githubLabel')}
+              </MenuItem>
+            )}
+            {isBugLinkEnabled && (
+              <MenuItem as="a" href={`${githubLink}/issues`} target="_blank" icon={<PiBugBeetleBold />}>
+                {t('common.reportBugLabel')}
+              </MenuItem>
+            )}
+            {isDiscordLinkEnabled && (
+              <MenuItem as="a" href={discordLink} target="_blank" icon={<RiDiscordFill />}>
+                {t('common.discordLabel')}
+              </MenuItem>
+            )}
+          </MenuGroup>
+          <MenuGroup title={t('common.settingsLabel')}>
+            <HotkeysModal>
+              <MenuItem as="button" icon={<PiKeyboardBold />}>
+                {t('common.hotkeysLabel')}
+              </MenuItem>
+            </HotkeysModal>
+            <SettingsModal>
+              <MenuItem as="button" icon={<PiToggleRightFill />}>
+                {t('common.settingsLabel')}
+              </MenuItem>
+            </SettingsModal>
+          </MenuGroup>
+          <MenuGroup title={t('accessibility.about')}>
+            <AboutModal>
+              <MenuItem as="button" icon={<PiInfoBold />}>
+                {t('accessibility.about')}
+              </MenuItem>
+            </AboutModal>
+          </MenuGroup>
+        </MenuList>
+      </Portal>
     </Menu>
   );
 };