YOU CAN'T OVERRIDE !IMPORTANT USER AGENT CSS DECLARATIONS

Summary from the TLDR Web Dev newsletter

!important is often used to override specific CSS styles, but it may not always work in practice because the style is coming from user agent style sheets, which have higher priority than author agent style sheets.