How to remove additional spacing around input type colour elements in Chrome

Question

What styling on input type="color" is causing the additional spacing in Google Chrome and Microsoft Edge and how can it be mitigated?

Firefox seems to honour this better but due to the differance, changes need to ensure all major browsers normalise the appearance.

input {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
}

<input type="color" value="#bb0000" />