diff --git a/invokeai/frontend/web/src/features/controlLayers/components/ControlLayersToolbar.tsx b/invokeai/frontend/web/src/features/controlLayers/components/ControlLayersToolbar.tsx
index 37f46b51cd..7f140e2be6 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/ControlLayersToolbar.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/ControlLayersToolbar.tsx
@@ -17,7 +17,7 @@ export const ControlLayersToolbar = memo(() => {
     return tool === 'brush' || tool === 'eraser';
   }, [tool]);
   const withBrushColor = useMemo(() => {
-    return tool === 'brush';
+    return tool === 'brush' || tool === 'rect';
   }, [tool]);
   return (
     <Flex w="full" gap={2}>