How to unset margin on <color-picker> element?

[harvanchik]

The <color-picker> element has a right margin on it which moves my other elements over when the picker is opened.
https://i.gyazo.com/ad6214625a1c0934621e9f54eafb998d.mp4

I tried added css styles to set the margin to 0, but that did not work.

color-picker {
  margin: 0;
}

Then I tried setting the margin after the view is initiatized, but that also didn't work.

ngAfterViewInit() {
  (document.querySelector('color-picker') as HTMLElement).style.margin = '0';
}