How to override !important

Add another CSS rule with !important, and either give the selector a higher specificity (adding a tag, id or class to the selector), or add a CSS rule with the same selector at a later point than the existing one. This works because in a specificity tie, the last rule defined wins.

Another way is to identify the element with an additional selector (which comes before on the page the actual selector).

Source: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity