diff --git a/src/app/SpeciesColorPicker.js b/src/app/SpeciesColorPicker.js
index 3c27431..8a8d84c 100644
--- a/src/app/SpeciesColorPicker.js
+++ b/src/app/SpeciesColorPicker.js
@@ -61,6 +61,8 @@ function SpeciesColorPicker({
       _hover={{
         borderColor: "green.400",
       }}
+      isInvalid={valids && !pairIsValid(valids, speciesId, colorId)}
+      errorBorderColor="red.300"
       {...props}
     />
   );