diff --git a/invokeai/frontend/web/src/features/sdxl/components/ParamSDXLConcatPrompt.tsx b/invokeai/frontend/web/src/features/sdxl/components/ParamSDXLConcatPrompt.tsx
index ad48a8af14..89e67be652 100644
--- a/invokeai/frontend/web/src/features/sdxl/components/ParamSDXLConcatPrompt.tsx
+++ b/invokeai/frontend/web/src/features/sdxl/components/ParamSDXLConcatPrompt.tsx
@@ -19,11 +19,7 @@ export default function ParamSDXLConcatPrompt() {
   return (
     <Box
       sx={{
-        px: 4,
-        py: 2,
-        borderRadius: 4,
-        bg: 'base.100',
-        _dark: { bg: 'base.800' },
+        px: 2,
       }}
     >
       <IAISwitch
diff --git a/invokeai/frontend/web/src/features/sdxl/components/SDXLImageToImageTabParameters.tsx b/invokeai/frontend/web/src/features/sdxl/components/SDXLImageToImageTabParameters.tsx
index 4a0c46eb7c..05aca62b79 100644
--- a/invokeai/frontend/web/src/features/sdxl/components/SDXLImageToImageTabParameters.tsx
+++ b/invokeai/frontend/web/src/features/sdxl/components/SDXLImageToImageTabParameters.tsx
@@ -1,3 +1,4 @@
+import { Flex } from '@chakra-ui/react';
 import ParamDynamicPromptsCollapse from 'features/dynamicPrompts/components/ParamDynamicPromptsCollapse';
 import ParamNegativeConditioning from 'features/parameters/components/Parameters/Core/ParamNegativeConditioning';
 import ParamPositiveConditioning from 'features/parameters/components/Parameters/Core/ParamPositiveConditioning';
@@ -12,11 +13,22 @@ import SDXLImageToImageTabCoreParameters from './SDXLImageToImageTabCoreParamete
 const SDXLImageToImageTabParameters = () => {
   return (
     <>
-      <ParamPositiveConditioning />
-      <ParamSDXLPositiveStyleConditioning />
-      <ParamNegativeConditioning />
-      <ParamSDXLNegativeStyleConditioning />
-      <ParamSDXLConcatPrompt />
+      <Flex
+        sx={{
+          flexDirection: 'column',
+          gap: 2,
+          p: 2,
+          borderRadius: 4,
+          bg: 'base.100',
+          _dark: { bg: 'base.850' },
+        }}
+      >
+        <ParamPositiveConditioning />
+        <ParamSDXLPositiveStyleConditioning />
+        <ParamNegativeConditioning />
+        <ParamSDXLNegativeStyleConditioning />
+        <ParamSDXLConcatPrompt />
+      </Flex>
       <ProcessButtons />
       <SDXLImageToImageTabCoreParameters />
       <ParamSDXLRefinerCollapse />
diff --git a/invokeai/frontend/web/src/features/sdxl/components/SDXLTextToImageTabParameters.tsx b/invokeai/frontend/web/src/features/sdxl/components/SDXLTextToImageTabParameters.tsx
index e740cc336b..eddc0b8891 100644
--- a/invokeai/frontend/web/src/features/sdxl/components/SDXLTextToImageTabParameters.tsx
+++ b/invokeai/frontend/web/src/features/sdxl/components/SDXLTextToImageTabParameters.tsx
@@ -1,3 +1,4 @@
+import { Flex } from '@chakra-ui/react';
 import ParamDynamicPromptsCollapse from 'features/dynamicPrompts/components/ParamDynamicPromptsCollapse';
 import ParamNegativeConditioning from 'features/parameters/components/Parameters/Core/ParamNegativeConditioning';
 import ParamPositiveConditioning from 'features/parameters/components/Parameters/Core/ParamPositiveConditioning';
@@ -12,11 +13,22 @@ import ParamSDXLRefinerCollapse from './ParamSDXLRefinerCollapse';
 const SDXLTextToImageTabParameters = () => {
   return (
     <>
-      <ParamPositiveConditioning />
-      <ParamSDXLPositiveStyleConditioning />
-      <ParamNegativeConditioning />
-      <ParamSDXLNegativeStyleConditioning />
-      <ParamSDXLConcatPrompt />
+      <Flex
+        sx={{
+          flexDirection: 'column',
+          gap: 2,
+          p: 2,
+          borderRadius: 4,
+          bg: 'base.100',
+          _dark: { bg: 'base.850' },
+        }}
+      >
+        <ParamPositiveConditioning />
+        <ParamSDXLPositiveStyleConditioning />
+        <ParamNegativeConditioning />
+        <ParamSDXLNegativeStyleConditioning />
+        <ParamSDXLConcatPrompt />
+      </Flex>
       <ProcessButtons />
       <TextToImageTabCoreParameters />
       <ParamSDXLRefinerCollapse />
diff --git a/invokeai/frontend/web/src/features/ui/components/tabs/TextToImage/TextToImageTab.tsx b/invokeai/frontend/web/src/features/ui/components/tabs/TextToImage/TextToImageTab.tsx
index 8c3add3d62..7e6e02ff5a 100644
--- a/invokeai/frontend/web/src/features/ui/components/tabs/TextToImage/TextToImageTab.tsx
+++ b/invokeai/frontend/web/src/features/ui/components/tabs/TextToImage/TextToImageTab.tsx
@@ -1,7 +1,7 @@
 import { Flex } from '@chakra-ui/react';
 import { RootState } from 'app/store/store';
 import { useAppSelector } from 'app/store/storeHooks';
-import TextToImageSDXLTabParameters from 'features/sdxl/components/SDXLTextToImageTabParameters';
+import SDXLTextToImageTabParameters from 'features/sdxl/components/SDXLTextToImageTabParameters';
 import { memo } from 'react';
 import ParametersPinnedWrapper from '../../ParametersPinnedWrapper';
 import TextToImageTabMain from './TextToImageTabMain';
@@ -13,7 +13,7 @@ const TextToImageTab = () => {
     <Flex sx={{ gap: 4, w: 'full', h: 'full' }}>
       <ParametersPinnedWrapper>
         {model && model.base_model === 'sdxl' ? (
-          <TextToImageSDXLTabParameters />
+          <SDXLTextToImageTabParameters />
         ) : (
           <TextToImageTabParameters />
         )}