[Bug]: Styles are not saved properly

[luminous8]

Preflight Checklist

• I have searched the issue tracker for a bug report that matches the one I want to file, without success.

What package is this bug report for?

rrweb

Version

rrweb 2.0.0-alpha.17

Expected Behavior

On https://github.com/rrweb-io/rrweb the nav bar looks like this in my browser (Brave)

Actual Behavior

In the extension, the replay renders it like this

Steps to Reproduce

Go to https://github.com/rrweb-io/rrweb
Record page with the extension

Testcase Gist URL

https://rrwebdebug.com/play/index.html?url=https%3A%2F%2Fgist.github.com%2Fluminous8%2F85a708b13663c00ee93607780c6afba9&version=2.0.0-alpha.14&virtual-dom=on&play=on

Additional Information

No response

[ansh-kaushik]

i want to contribute to it , please guide

[eoghanmurray]

This is a problem with the css for button?

Do you know which exact bit of CSS file or fragment isn't being carried through?

( @Juice10 rrwebdebug.com is failing for me on this url with ReferenceError: $ is not defined )

[luminous8]

Seems like the .Button class is not carried through

The button next to it use a different css selector on the live websites

Here's screenshots from my recording