diff --git a/src/lib/color-picker.component.ts b/src/lib/color-picker.component.ts
index 811dff3..f2f9a6c 100644
--- a/src/lib/color-picker.component.ts
+++ b/src/lib/color-picker.component.ts
@@ -199,6 +199,7 @@ export class ColorPickerComponent implements OnInit, AfterViewInit {
             setTimeout(() => {
               this.setDialogPosition();
               this.hidden = false;
+              this.cdr.detectChanges();
             }, 0);
             this.directiveInstance.toggle(true);
             document.addEventListener('mousedown', this.listenerMouseDown);