diff --git a/tabby-terminal/src/components/colorPicker.component.pug b/tabby-terminal/src/components/colorPicker.component.pug
index e29757fb..0db3b713 100644
--- a/tabby-terminal/src/components/colorPicker.component.pug
+++ b/tabby-terminal/src/components/colorPicker.component.pug
@@ -2,6 +2,6 @@ div(
     [style.background]='model',
     ngx-colors-trigger,
     [(ngModel)]='model',
-    (ngModelChange)='onChange($event)',
+    (ngModelChange)='modelChange.emit($event)',
     [ngbTooltip]='hint'
 ) {{ title }}
diff --git a/tabby-terminal/src/components/colorPicker.component.ts b/tabby-terminal/src/components/colorPicker.component.ts
index db6bcff0..3d4cf6ea 100644
--- a/tabby-terminal/src/components/colorPicker.component.ts
+++ b/tabby-terminal/src/components/colorPicker.component.ts
@@ -11,10 +11,4 @@ export class ColorPickerComponent {
     @Input() title: string
     @Input() hint: string
     @Output() modelChange = new EventEmitter<string>()
-
-    onChange (value: string): void {
-        if (value !== this.model) {
-            this.modelChange.emit(value)
-        }
-    }
 }