From 942444a2b4cef44fd5aa2abe685c32e1b89be073 Mon Sep 17 00:00:00 2001
From: Mark Woodard <mark.c.woodard@gmail.com>
Date: Mon, 25 Nov 2024 17:31:28 -0600
Subject: [PATCH] issue with button normal / hover keys for color control
 https://stellarwp.atlassian.net/browse/KAD-3609

---
 src/blocks/singlebtn/edit.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/blocks/singlebtn/edit.js b/src/blocks/singlebtn/edit.js
index 591293e59..d06a1d7c1 100644
--- a/src/blocks/singlebtn/edit.js
+++ b/src/blocks/singlebtn/edit.js
@@ -868,6 +868,7 @@ export default function KadenceButtonEdit(props) {
 														)}
 														{'normal' === textBackgroundHoverType && (
 															<PopColorControl
+																key={'btncolorhover'}
 																label={__('Color Hover', 'kadence-blocks')}
 																value={colorHover ? colorHover : ''}
 																default={''}
@@ -895,6 +896,7 @@ export default function KadenceButtonEdit(props) {
 														)}
 														{'normal' === backgroundHoverType && (
 															<PopColorControl
+																key={'btnbghover'}
 																label={__('Background Color', 'kadence-blocks')}
 																value={backgroundHover ? backgroundHover : ''}
 																default={''}
@@ -1063,6 +1065,7 @@ export default function KadenceButtonEdit(props) {
 														)}
 														{'normal' === textBackgroundType && (
 															<PopColorControl
+																key={'btncolor'}
 																label={__('Color', 'kadence-blocks')}
 																value={color ? color : ''}
 																default={''}
@@ -1086,6 +1089,7 @@ export default function KadenceButtonEdit(props) {
 														)}
 														{'normal' === backgroundType && (
 															<PopColorControl
+																key={'btnbg'}
 																label={__('Background Color', 'kadence-blocks')}
 																value={background ? background : ''}
 																default={''}