diff --git a/invokeai/frontend/web/src/features/regionalPrompts/components/ControlLayersSettingsPopover.tsx b/invokeai/frontend/web/src/features/regionalPrompts/components/ControlLayersSettingsPopover.tsx
new file mode 100644
index 0000000000..ea3f7af325
--- /dev/null
+++ b/invokeai/frontend/web/src/features/regionalPrompts/components/ControlLayersSettingsPopover.tsx
@@ -0,0 +1,26 @@
+import { Flex, IconButton, Popover, PopoverBody, PopoverContent, PopoverTrigger } from '@invoke-ai/ui-library';
+import { GlobalMaskLayerOpacity } from 'features/regionalPrompts/components/GlobalMaskLayerOpacity';
+import { memo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { RiSettings4Fill } from 'react-icons/ri';
+
+const ControlLayersSettingsPopover = () => {
+  const { t } = useTranslation();
+
+  return (
+    <Popover isLazy>
+      <PopoverTrigger>
+        <IconButton aria-label={t('common.settingsLabel')} icon={<RiSettings4Fill />} />
+      </PopoverTrigger>
+      <PopoverContent>
+        <PopoverBody>
+          <Flex direction="column" gap={2}>
+            <GlobalMaskLayerOpacity />
+          </Flex>
+        </PopoverBody>
+      </PopoverContent>
+    </Popover>
+  );
+};
+
+export default memo(ControlLayersSettingsPopover);
diff --git a/invokeai/frontend/web/src/features/regionalPrompts/components/GlobalMaskLayerOpacity.tsx b/invokeai/frontend/web/src/features/regionalPrompts/components/GlobalMaskLayerOpacity.tsx
index 8386f522a2..c24e224a61 100644
--- a/invokeai/frontend/web/src/features/regionalPrompts/components/GlobalMaskLayerOpacity.tsx
+++ b/invokeai/frontend/web/src/features/regionalPrompts/components/GlobalMaskLayerOpacity.tsx
@@ -1,14 +1,4 @@
-import {
-  CompositeNumberInput,
-  CompositeSlider,
-  FormControl,
-  FormLabel,
-  Popover,
-  PopoverArrow,
-  PopoverBody,
-  PopoverContent,
-  PopoverTrigger,
-} from '@invoke-ai/ui-library';
+import { CompositeNumberInput, CompositeSlider, Flex, FormControl, FormLabel } from '@invoke-ai/ui-library';
 import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
 import {
   globalMaskLayerOpacityChanged,
@@ -33,36 +23,30 @@ export const GlobalMaskLayerOpacity = memo(() => {
     [dispatch]
   );
   return (
-    <FormControl w="min-content">
+    <FormControl orientation="vertical">
       <FormLabel m={0}>{t('regionalPrompts.globalMaskOpacity')}</FormLabel>
-      <Popover isLazy>
-        <PopoverTrigger>
-          <CompositeNumberInput
-            min={0}
-            max={100}
-            step={1}
-            value={globalMaskLayerOpacity}
-            defaultValue={initialRegionalPromptsState.globalMaskLayerOpacity * 100}
-            onChange={onChange}
-            w={24}
-            format={formatPct}
-          />
-        </PopoverTrigger>
-        <PopoverContent w={200} py={2} px={4}>
-          <PopoverArrow />
-          <PopoverBody>
-            <CompositeSlider
-              min={0}
-              max={100}
-              step={1}
-              value={globalMaskLayerOpacity}
-              defaultValue={initialRegionalPromptsState.globalMaskLayerOpacity * 100}
-              onChange={onChange}
-              marks={marks}
-            />
-          </PopoverBody>
-        </PopoverContent>
-      </Popover>
+      <Flex gap={4}>
+        <CompositeSlider
+          min={0}
+          max={100}
+          step={1}
+          value={globalMaskLayerOpacity}
+          defaultValue={initialRegionalPromptsState.globalMaskLayerOpacity * 100}
+          onChange={onChange}
+          marks={marks}
+          minW={48}
+        />
+        <CompositeNumberInput
+          min={0}
+          max={100}
+          step={1}
+          value={globalMaskLayerOpacity}
+          defaultValue={initialRegionalPromptsState.globalMaskLayerOpacity * 100}
+          onChange={onChange}
+          w={28}
+          format={formatPct}
+        />
+      </Flex>
     </FormControl>
   );
 });
diff --git a/invokeai/frontend/web/src/features/regionalPrompts/components/RegionalPromptsToolbar.tsx b/invokeai/frontend/web/src/features/regionalPrompts/components/RegionalPromptsToolbar.tsx
index 4a3b611efd..3ffeedd245 100644
--- a/invokeai/frontend/web/src/features/regionalPrompts/components/RegionalPromptsToolbar.tsx
+++ b/invokeai/frontend/web/src/features/regionalPrompts/components/RegionalPromptsToolbar.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable i18next/no-literal-string */
 import { Flex } from '@invoke-ai/ui-library';
 import { BrushSize } from 'features/regionalPrompts/components/BrushSize';
-import { GlobalMaskLayerOpacity } from 'features/regionalPrompts/components/GlobalMaskLayerOpacity';
+import ControlLayersSettingsPopover from 'features/regionalPrompts/components/ControlLayersSettingsPopover';
 import { ToolChooser } from 'features/regionalPrompts/components/ToolChooser';
 import { UndoRedoButtonGroup } from 'features/regionalPrompts/components/UndoRedoButtonGroup';
 import { memo } from 'react';
@@ -10,9 +10,9 @@ export const RegionalPromptsToolbar = memo(() => {
   return (
     <Flex gap={4}>
       <BrushSize />
-      <GlobalMaskLayerOpacity />
-      <UndoRedoButtonGroup />
       <ToolChooser />
+      <UndoRedoButtonGroup />
+      <ControlLayersSettingsPopover />
     </Flex>
   );
 });