From c0790b11c74f4a0071bf0e047acffead0dee2c39 Mon Sep 17 00:00:00 2001
From: Matt Dunn-Rankin <mattdunnrankin@khanacademy.org>
Date: Sat, 25 Apr 2020 23:21:37 -0700
Subject: [PATCH] make remove button contrast against item hover bg

---
 src/ItemList.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/ItemList.js b/src/ItemList.js
index c3fbcaf..1d2da37 100644
--- a/src/ItemList.js
+++ b/src/ItemList.js
@@ -55,8 +55,12 @@ export function Item({ item, itemNameId, outfitState, dispatchToOutfit }) {
               .item-container:hover &,
               input:focus + .item-container & {
                 opacity: 1;
-                color: ${theme.colors.gray["800"]};
-                backgroundcolor: ${theme.colors.gray["200"]};
+              }
+
+              &:focus,
+              &:hover {
+                background-color: ${theme.colors.gray["300"]};
+                color: ${theme.colors.gray["700"]};
               }
             `}
           />