diff --git a/client/packages/openblocks/src/pages/setting/branding/BrandingSetting.tsx b/client/packages/openblocks/src/pages/setting/branding/BrandingSetting.tsx
index 2ed490a2..f142b413 100644
--- a/client/packages/openblocks/src/pages/setting/branding/BrandingSetting.tsx
+++ b/client/packages/openblocks/src/pages/setting/branding/BrandingSetting.tsx
@@ -307,6 +307,7 @@ export function BrandingSettings() {
                 </div>
                 <div style={{ display: "flex", flexDirection: "column" }}>
                   <StyledFormInput
+                    key={branding?.headerColor}
                     initialValue={branding?.headerColor}
                     resetEmptyToValue="#2c2c2c"
                     label={String.fromCharCode(173)}