From cdc7d625814aa12604517d8d34fe653b8308f908 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 5 Apr 2022 14:07:10 -0700
Subject: [PATCH] Update colours when changing values

---
 packages/web/pages/settings/labels.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/web/pages/settings/labels.tsx b/packages/web/pages/settings/labels.tsx
index c8ae53a52..d14f0e03e 100644
--- a/packages/web/pages/settings/labels.tsx
+++ b/packages/web/pages/settings/labels.tsx
@@ -406,6 +406,7 @@ function GenericTableCard(props: GenericTableCardProps & { isLastChild?: boolean
   const showInput =
     editingLabelId === label?.id || (isCreateMode && !label)
   const labelName = label?.name || nameInputText
+  const labelColor = editingLabelId === label?.id ? labelColorHex.value : label?.color
 
   const isDarkMode = isDarkTheme()
   const iconColor = isDarkMode ? '#D8D7D5': '#5F5E58'
@@ -514,7 +515,7 @@ function GenericTableCard(props: GenericTableCardProps & { isLastChild?: boolean
         >
           {(showInput && !label) ? null : (
             <HStack alignment="center" css={{ ml: '16px' }}>
-              <LabelChip color={label?.color || ''} text={label?.name || ''} />
+              <LabelChip color={labelColor || ''} text={label?.name || ''} />
             </HStack>
           )}
           {(showInput && !label) ? (