diff --git a/ui-ngx/src/app/modules/home/components/widget/action/widget-action-dialog.component.ts b/ui-ngx/src/app/modules/home/components/widget/action/widget-action-dialog.component.ts
index 7a74624774..5e071103b8 100644
--- a/ui-ngx/src/app/modules/home/components/widget/action/widget-action-dialog.component.ts
+++ b/ui-ngx/src/app/modules/home/components/widget/action/widget-action-dialog.component.ts
@@ -192,6 +192,11 @@ export class WidgetActionDialogComponent extends DialogComponent<WidgetActionDia
 
   widgetHeaderButtonValidators() {
     const buttonType = this.widgetActionFormGroup.get('buttonType').value;
+    if (buttonType !== WidgetHeaderActionButtonType.icon) {
+      this.widgetActionFormGroup.get('buttonColor').patchValue('#ffffff', {emitEvent: false});
+    } else {
+      this.widgetActionFormGroup.get('buttonColor').patchValue(this.defaultIconColor, {emitEvent: false});
+    }
     this.widgetActionFormGroup.get('showIcon').disable({emitEvent: false});
     this.widgetActionFormGroup.get('buttonFillColor').disable({emitEvent: false});
     this.widgetActionFormGroup.get('buttonBorderColor').disable({emitEvent: false});