display block missing in some classes

If I convert the following url to a epub (save page):

https://overreacted.io/making-setinterval-declarative-with-react-hooks/

with the following custom css rules:

```
header h3,
.react-toggle,
main article header p,
footer,
aside
{display: none!important;}

body div div div div
{
max-width: 90%!important;
}
```

the display:block in class .gatsby-highlight-code-line is not present in the epub. leading to issues in visualization (as example please notice the first code box when "Your custom logic here" is written).

I'm using Firefox 90.0.2 on Windows.