Styles from Claro admin theme are interfering with XB React app styles

Overview

Have Claro set as admin theme.
In /web/core/themes/claro/css/base/elements.css there is for example a style

p {
  margin: 1em 0;
}

In XB UI, <P> tags (rendered by Radix <Text /> component) now have margin top/bottom of 1em when they shouldn't.

(observed in Firefox but I think Chrome looks ok)

Proposed resolution

I believe this was introduced when the use of scopeCss was added.

User interface changes