From c7e2daa07baf8e6df9a449d9b7ea3d161dcd7dbb Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Thu, 10 Sep 2020 02:37:06 -0700
Subject: [PATCH] fix visual regression on homepage

I think the Chakra upgrades made these overrides stop working? added !important so that they happen again!

The regression meant the homepage looked worse, always having the selects fade in :/
---
 src/app/components/SpeciesColorPicker.js | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/app/components/SpeciesColorPicker.js b/src/app/components/SpeciesColorPicker.js
index 53472e8..db869aa 100644
--- a/src/app/components/SpeciesColorPicker.js
+++ b/src/app/components/SpeciesColorPicker.js
@@ -66,10 +66,9 @@ function SpeciesColorPicker({
       ? {
           // Visually the disabled state is the same as the normal state, but
           // with a wait cursor. We don't expect this to take long, and the flash
-          // of content is rough! (The caret still flashes, but that's small and
-          // harder to style in Chakra.)
-          opacity: 1,
-          cursor: "wait",
+          // of content is rough!
+          opacity: "1 !important",
+          cursor: "wait !important",
         }
       : {};