title: Blazor WebAssembly CSS isolation scoped identities doesn't match
body: <p>In a Blazor WebAssembly .NET Core hosted application, after changing the {PROJECT NAME}.Client project name to &quot;{PROJECT NAME}.Admin&quot; (changing the client project name), scope identifies for CSS isolation in the {PROJECT NAME}.Admin.styles.css file and rendered objects in the DOM are different.</p>
  <hr />
  <h2>What I did</h2>
  <p>I created a .NET core hosted Blazor WebAssembly application with authentication. Ran the application. Worked fine.</p>
  <p>Then I changed the project name of {PROJECT NAME}. Client project to &quot;{PROJECT NAME}.Admin&quot;. And changed basically everywhere there was &quot;Client&quot; to &quot;Admin&quot;.</p>
  <ul>
  <li>Everywhere the namespace was mentioned</li>
  <li>The Client Folder in the project folder</li>
  </ul>
  <p>Then I added the project references.</p>
  <p>When I ran the project...
  <a href="https://i.stack.imgur.com/g9CK8.png" rel="nofollow noreferrer"><strong>This</strong></a> was the landing page.</p>
  <hr />
  <h2>The Issue</h2>
  <p>All the functionality works fine. All the components are rendered. But only Bootstrap styling is applied to the MainLayout and NavMenu components as they use CSS isolation. The isolated CSS files generated files scope identities aren't the same as what is rendered to the DOM.</p>
  <p><a href="https://i.stack.imgur.com/vszKa.png" rel="nofollow noreferrer">Image of <strong>{PROJECT NAME}.Admin.styles.css file</strong></a></p>
  <p><a href="https://i.stack.imgur.com/s7Yjc.png" rel="nofollow noreferrer">Image of <strong>Rendered HTML</strong></a></p>
  <p>The page renders fine if I change the scope Identities manually. But it resets when I Run the application the next time.</p>
  <hr />
  <p>I'm just playing around with Blazor. So I'm expecting a fix to this problem rather than some alternate method or workaround to do the styling. I'm new to online forums. Sorry for providing unnecessary information or providing less information. Please request any additional information needed.</p>