diff --git a/invokeai/frontend/web/src/features/sdxl/components/ParamSDXLConcatButton.tsx b/invokeai/frontend/web/src/features/sdxl/components/ParamSDXLConcatButton.tsx
index 2787360b33..9393b245ef 100644
--- a/invokeai/frontend/web/src/features/sdxl/components/ParamSDXLConcatButton.tsx
+++ b/invokeai/frontend/web/src/features/sdxl/components/ParamSDXLConcatButton.tsx
@@ -33,7 +33,7 @@ export default function ParamSDXLConcatButton() {
         insetInlineEnd: 1,
         top: shouldPinParametersPanel ? 12 : 20,
         border: 'none',
-        color: 'base.500',
+        color: shouldConcatSDXLStylePrompt ? 'accent.500' : 'base.500',
         _hover: {
           bg: 'none',
         },
diff --git a/invokeai/frontend/web/src/features/sdxl/components/SDXLConcatLink.tsx b/invokeai/frontend/web/src/features/sdxl/components/SDXLConcatLink.tsx
index ac21ceebc8..d64daae70d 100644
--- a/invokeai/frontend/web/src/features/sdxl/components/SDXLConcatLink.tsx
+++ b/invokeai/frontend/web/src/features/sdxl/components/SDXLConcatLink.tsx
@@ -72,7 +72,8 @@ export default function SDXLConcatLink() {
           top: '3px',
           p: 1,
           borderRadius: 4,
-          bg: 'accent.200',
+          bg: 'accent.400',
+          color: 'base.50',
           _dark: {
             bg: 'accent.500',
           },