title: How to remove default styling inside of <Preview> tags in Storybook for HTML?
body: <p>I have a component inside of a <code>&lt;Preview&gt;</code> tag, whose styles are being affected by the default Storybook styles. For example, this rule is being applied to a <code>&lt;div&gt;</code>:</p>
  <pre class="lang-css prettyprint-override"><code>.css-x6963h .innerZoomElementWrapper&gt;* {
      max-width: calc(100% - 20px);
      display: inline-block;
  }
  </code></pre>
  <p>I would like to remove all default styles that Storybook applies to content inside of <code>&lt;Preview&gt;</code> tags.</p>
  <p>There is a release that was supposed to fix this, but I think it may have only fixed it for Storybook for React, not Storybook for HTML.</p>
  <p>Here is the <a href="https://github.com/storybookjs/storybook/issues/10273" rel="nofollow noreferrer">issue that was raised</a> and the <a href="https://github.com/storybookjs/storybook/pull/10274" rel="nofollow noreferrer">PR that solved it</a></p>