diff --git a/invokeai/frontend/web/src/app/store/store.ts b/invokeai/frontend/web/src/app/store/store.ts
index 6b544252db..ce2a21c6e7 100644
--- a/invokeai/frontend/web/src/app/store/store.ts
+++ b/invokeai/frontend/web/src/app/store/store.ts
@@ -6,11 +6,11 @@ import {
   configureStore,
 } from '@reduxjs/toolkit';
 import canvasReducer from 'features/canvas/store/canvasSlice';
+import changeBoardModalReducer from 'features/changeBoardModal/store/slice';
 import controlNetReducer from 'features/controlNet/store/controlNetSlice';
+import deleteImageModalReducer from 'features/deleteImageModal/store/slice';
 import dynamicPromptsReducer from 'features/dynamicPrompts/store/dynamicPromptsSlice';
 import galleryReducer from 'features/gallery/store/gallerySlice';
-import deleteImageModalReducer from 'features/deleteImageModal/store/slice';
-import changeBoardModalReducer from 'features/changeBoardModal/store/slice';
 import loraReducer from 'features/lora/store/loraSlice';
 import nodesReducer from 'features/nodes/store/nodesSlice';
 import generationReducer from 'features/parameters/store/generationSlice';
diff --git a/invokeai/frontend/web/src/features/dynamicPrompts/components/ParamDynamicPromptsCollapse.tsx b/invokeai/frontend/web/src/features/dynamicPrompts/components/ParamDynamicPromptsCollapse.tsx
index 249e461876..a363520ab7 100644
--- a/invokeai/frontend/web/src/features/dynamicPrompts/components/ParamDynamicPromptsCollapse.tsx
+++ b/invokeai/frontend/web/src/features/dynamicPrompts/components/ParamDynamicPromptsCollapse.tsx
@@ -32,7 +32,7 @@ const ParamDynamicPromptsCollapse = () => {
 
   return (
     <IAICollapse label="Dynamic Prompts" activeLabel={activeLabel}>
-      <Flex sx={{ gap: 2, flexDir: 'column', pb: 2 }}>
+      <Flex sx={{ gap: 2, flexDir: 'column', pb: 2, px: 2 }}>
         <ParamDynamicPromptsToggle />
         <ParamDynamicPromptsCombinatorial />
         <ParamDynamicPromptsMaxPrompts />
diff --git a/invokeai/frontend/web/src/features/lora/components/ParamLoraCollapse.tsx b/invokeai/frontend/web/src/features/lora/components/ParamLoraCollapse.tsx
index c2edd94106..c0b804732c 100644
--- a/invokeai/frontend/web/src/features/lora/components/ParamLoraCollapse.tsx
+++ b/invokeai/frontend/web/src/features/lora/components/ParamLoraCollapse.tsx
@@ -32,7 +32,7 @@ const ParamLoraCollapse = () => {
 
   return (
     <IAICollapse label="LoRA" activeLabel={activeLabel}>
-      <Flex sx={{ flexDir: 'column', gap: 2 }}>
+      <Flex sx={{ flexDir: 'column', gap: 2, px: 2, pb: 2 }}>
         <ParamLoRASelect />
         <ParamLoraList />
       </Flex>
diff --git a/invokeai/frontend/web/src/features/parameters/components/Parameters/Advanced/ParamAdvancedCollapse.tsx b/invokeai/frontend/web/src/features/parameters/components/Parameters/Advanced/ParamAdvancedCollapse.tsx
index bca1402571..07ce1ad29a 100644
--- a/invokeai/frontend/web/src/features/parameters/components/Parameters/Advanced/ParamAdvancedCollapse.tsx
+++ b/invokeai/frontend/web/src/features/parameters/components/Parameters/Advanced/ParamAdvancedCollapse.tsx
@@ -29,7 +29,7 @@ export default function ParamAdvancedCollapse() {
 
   return (
     <IAICollapse label="Advanced" activeLabel={activeLabel}>
-      <Flex sx={{ flexDir: 'column', gap: 2 }}>
+      <Flex sx={{ flexDir: 'column', gap: 2, px: 2, pb: 2 }}>
         <ParamClipSkip />
       </Flex>
     </IAICollapse>
diff --git a/invokeai/frontend/web/src/features/parameters/components/Parameters/Noise/ParamNoiseCollapse.tsx b/invokeai/frontend/web/src/features/parameters/components/Parameters/Noise/ParamNoiseCollapse.tsx
index 0419ecc656..e6733495b1 100644
--- a/invokeai/frontend/web/src/features/parameters/components/Parameters/Noise/ParamNoiseCollapse.tsx
+++ b/invokeai/frontend/web/src/features/parameters/components/Parameters/Noise/ParamNoiseCollapse.tsx
@@ -42,7 +42,7 @@ const ParamNoiseCollapse = () => {
       label={t('parameters.noiseSettings')}
       activeLabel={activeLabel}
     >
-      <Flex sx={{ gap: 2, flexDirection: 'column' }}>
+      <Flex sx={{ gap: 2, flexDirection: 'column', px: 2, pb: 2 }}>
         <ParamNoiseToggle />
         <ParamCpuNoiseToggle />
         {isPerlinNoiseEnabled && <ParamPerlinNoise />}
diff --git a/invokeai/frontend/web/src/features/parameters/components/Parameters/Seamless/ParamSeamlessCollapse.tsx b/invokeai/frontend/web/src/features/parameters/components/Parameters/Seamless/ParamSeamlessCollapse.tsx
index 099090fe3f..ffc39dac2b 100644
--- a/invokeai/frontend/web/src/features/parameters/components/Parameters/Seamless/ParamSeamlessCollapse.tsx
+++ b/invokeai/frontend/web/src/features/parameters/components/Parameters/Seamless/ParamSeamlessCollapse.tsx
@@ -50,7 +50,7 @@ const ParamSeamlessCollapse = () => {
       label={t('parameters.seamlessTiling')}
       activeLabel={activeLabel}
     >
-      <Flex sx={{ gap: 5 }}>
+      <Flex sx={{ gap: 5, px: 2 }}>
         <Box flexGrow={1}>
           <ParamSeamlessXAxis />
         </Box>
diff --git a/invokeai/frontend/web/src/features/sdxl/components/ParamSDXLRefinerCollapse.tsx b/invokeai/frontend/web/src/features/sdxl/components/ParamSDXLRefinerCollapse.tsx
index 5a3a8dc379..ae8f2ab020 100644
--- a/invokeai/frontend/web/src/features/sdxl/components/ParamSDXLRefinerCollapse.tsx
+++ b/invokeai/frontend/web/src/features/sdxl/components/ParamSDXLRefinerCollapse.tsx
@@ -4,6 +4,7 @@ import { stateSelector } from 'app/store/store';
 import { useAppSelector } from 'app/store/storeHooks';
 import { defaultSelectorOptions } from 'app/store/util/defaultMemoizeOptions';
 import IAICollapse from 'common/components/IAICollapse';
+import { memo } from 'react';
 import ParamSDXLRefinerCFGScale from './SDXLRefiner/ParamSDXLRefinerCFGScale';
 import ParamSDXLRefinerModelSelect from './SDXLRefiner/ParamSDXLRefinerModelSelect';
 import ParamSDXLRefinerNegativeAestheticScore from './SDXLRefiner/ParamSDXLRefinerNegativeAestheticScore';
@@ -12,7 +13,6 @@ import ParamSDXLRefinerScheduler from './SDXLRefiner/ParamSDXLRefinerScheduler';
 import ParamSDXLRefinerStart from './SDXLRefiner/ParamSDXLRefinerStart';
 import ParamSDXLRefinerSteps from './SDXLRefiner/ParamSDXLRefinerSteps';
 import ParamUseSDXLRefiner from './SDXLRefiner/ParamUseSDXLRefiner';
-import { memo } from 'react';
 
 const selector = createSelector(
   stateSelector,
@@ -32,7 +32,7 @@ const ParamSDXLRefinerCollapse = () => {
 
   return (
     <IAICollapse label="Refiner" activeLabel={activeLabel}>
-      <Flex sx={{ gap: 2, flexDir: 'column' }}>
+      <Flex sx={{ gap: 2, flexDir: 'column', px: 2, pb: 2 }}>
         <ParamUseSDXLRefiner />
         <ParamSDXLRefinerModelSelect />
         <Flex gap={2} flexDirection={shouldUseSliders ? 'column' : 'row'}>
diff --git a/invokeai/frontend/web/src/features/sdxl/components/SDXLImageToImageTabCoreParameters.tsx b/invokeai/frontend/web/src/features/sdxl/components/SDXLImageToImageTabCoreParameters.tsx
index dae462ad47..29179e1778 100644
--- a/invokeai/frontend/web/src/features/sdxl/components/SDXLImageToImageTabCoreParameters.tsx
+++ b/invokeai/frontend/web/src/features/sdxl/components/SDXLImageToImageTabCoreParameters.tsx
@@ -37,6 +37,8 @@ const SDXLImageToImageTabCoreParameters = () => {
         sx={{
           flexDirection: 'column',
           gap: 3,
+          px: 2,
+          pb: 2,
         }}
       >
         {shouldUseSliders ? (
diff --git a/invokeai/frontend/web/src/features/sdxl/components/SDXLUnifiedCanvasTabCoreParameters.tsx b/invokeai/frontend/web/src/features/sdxl/components/SDXLUnifiedCanvasTabCoreParameters.tsx
index 4cfbdeb895..eee0b9640f 100644
--- a/invokeai/frontend/web/src/features/sdxl/components/SDXLUnifiedCanvasTabCoreParameters.tsx
+++ b/invokeai/frontend/web/src/features/sdxl/components/SDXLUnifiedCanvasTabCoreParameters.tsx
@@ -35,6 +35,8 @@ const SDXLUnifiedCanvasTabCoreParameters = () => {
         sx={{
           flexDirection: 'column',
           gap: 3,
+          px: 2,
+          pb: 2,
         }}
       >
         {shouldUseSliders ? (
diff --git a/invokeai/frontend/web/src/features/ui/components/tabs/ImageToImage/ImageToImageTabCoreParameters.tsx b/invokeai/frontend/web/src/features/ui/components/tabs/ImageToImage/ImageToImageTabCoreParameters.tsx
index 5c6f68e6ed..a41e7b134c 100644
--- a/invokeai/frontend/web/src/features/ui/components/tabs/ImageToImage/ImageToImageTabCoreParameters.tsx
+++ b/invokeai/frontend/web/src/features/ui/components/tabs/ImageToImage/ImageToImageTabCoreParameters.tsx
@@ -37,6 +37,8 @@ const ImageToImageTabCoreParameters = () => {
         sx={{
           flexDirection: 'column',
           gap: 3,
+          px: 2,
+          pb: 2,
         }}
       >
         {shouldUseSliders ? (
diff --git a/invokeai/frontend/web/src/features/ui/components/tabs/TextToImage/TextToImageTabCoreParameters.tsx b/invokeai/frontend/web/src/features/ui/components/tabs/TextToImage/TextToImageTabCoreParameters.tsx
index 152efd3e17..d4a28858c8 100644
--- a/invokeai/frontend/web/src/features/ui/components/tabs/TextToImage/TextToImageTabCoreParameters.tsx
+++ b/invokeai/frontend/web/src/features/ui/components/tabs/TextToImage/TextToImageTabCoreParameters.tsx
@@ -34,6 +34,8 @@ const TextToImageTabCoreParameters = () => {
         sx={{
           flexDirection: 'column',
           gap: 3,
+          px: 2,
+          pb: 2,
         }}
       >
         {shouldUseSliders ? (
diff --git a/invokeai/frontend/web/src/features/ui/components/tabs/UnifiedCanvas/UnifiedCanvasCoreParameters.tsx b/invokeai/frontend/web/src/features/ui/components/tabs/UnifiedCanvas/UnifiedCanvasCoreParameters.tsx
index 36f7ff7320..608e4d73f2 100644
--- a/invokeai/frontend/web/src/features/ui/components/tabs/UnifiedCanvas/UnifiedCanvasCoreParameters.tsx
+++ b/invokeai/frontend/web/src/features/ui/components/tabs/UnifiedCanvas/UnifiedCanvasCoreParameters.tsx
@@ -35,6 +35,8 @@ const UnifiedCanvasCoreParameters = () => {
         sx={{
           flexDirection: 'column',
           gap: 3,
+          px: 2,
+          pb: 2,
         }}
       >
         {shouldUseSliders ? (