Global section styles cascade on components in stories

[AkimaLunar]

Describe the bug
There are global tag styles inside stories’ iframes that cascade on the previewed components. I am guessing the styles potentially are coming from this file.

To Reproduce
I have a component that uses <section> tag: repro repo. It doesn’t render correctly because the Storybook’s global <section> styles are cascading on the component styles.

System

Environment Info:

  System:
    OS: Linux 5.10 Ubuntu 20.04 LTS (Focal Fossa)
    CPU: (8) x64 Intel(R) Core(TM) i7-1065G7 CPU @ 1.30GHz
  Binaries:
    Node: 16.7.0 - ~/.nvm/versions/node/v16.7.0/bin/node
    Yarn: 1.22.17 - ~/.nvm/versions/node/v16.7.0/bin/yarn
    npm: 8.1.4 - ~/.nvm/versions/node/v16.7.0/bin/npm
  npmPackages:
    @storybook/addon-actions: ^6.4.8 => 6.4.8 
    @storybook/addon-essentials: ^6.4.8 => 6.4.8 
    @storybook/addon-links: ^6.4.8 => 6.4.8 
    @storybook/react: ^6.4.8 => 6.4.8 

---

Is it possible to encapsulate styling by replacing tag styling with class styling (eg section could be .sb-doc-section) or hashing?

[AkimaLunar]

I realized this was part of the boilerplate code 👍 Maybe still worth encapsulating those styles even though it is part of a demo?