After closed devtools, padding of parent element remains

[minami-minami]

Describe the bug

The padding of the parent element is reset with inline style when devtools is opened.
The inline style remains after closed devtools, so original padding specified with non-inline style of parent element is not applied.

Your minimal, reproducible example

https://codesandbox.io/s/async-sky-5ibueo?file=/index.html

Steps to reproduce

1. Open devtools.
2. Close devtools.

Expected behavior

No padding remains for resetting and the original padding is applied.

How often does this bug happen?

Every time

Screenshots or Videos

No response

Platform

All

react-query version

4.14.5

TypeScript version

No response

Additional context

No response

[minami-minami]

Let me handle it if it should be fixed.

[TkDodo]

I think it's weird that we influence the styles of the parent at all. Not sure why this is needed, but I think it got introduced with

• feat(devtools): Add move devtools select menu #4100

So I'm gonna tag @salamaashoush as well.

Let me handle it if it should be fixed.

if you want to tackle it, please go ahead. Thank you 🙏

[salamaashoush]

I am gonna check it this week