I'm trying to change my blazor app to use a css template.So far, I changed the css and js imports in the App.razor and altered the html component classes in the layout and pages.When I am trying to load a page, for about 1/8's of a second the page shows correctly but then the content vanishes and some css attributes change as shown in the following pictures.correct pagewrong page
When I am showing the page source after the closing </html> tag, there is the content I expect to find, but it is not at the correct position. At the correct position there is a placeholder for when data is still loading.
<!DOCTYPE html><html lang="de"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><base href="/"><link rel="icon" type="image/png" href="assets/img/favicon.png"><link rel="stylesheet" href="assets/css/c3.min.css"><link rel="stylesheet" href="assets/css/chartist.min.css"><link rel="stylesheet" href="assets/css/jquery-jvectormap-2.0.2.css"><link rel="stylesheet" href="assets/css/style.min.css"><title>Wasserwacht Dienstpläne</title></head><body><!--Blazor:{"type":"server","prerenderId":"be8e88c15cf149f999dd1e77eaed375c","key":{"locationHash":"85067AF84F3C708066C3D7A73680AC3DD1F947A82B039600FD7068FC3F253463:12","formattedComponentKey":""},"sequence":0,"descriptor":"CfDJ8OR\u002BeCgy9MZOpy69P2rqbvKE/DmBa0pXRWYFmbV\u002BJ3vR6oB8A2l302UhfK\u002Bj4v2zzXL46DyIlM4ZMbLhuzC/oo0nixNn08f3f5T3xiAg1ceVvhWTin\u002BS3Gxce6Lo4YXG5iXTT\u002BicMnLWmb0rexcVpK/XFaRUUISWySgFpNg7VIl57XGKOE3/JYivTbGjvH8qFqxyBK2yqaWDVBCs0yDdirxHtLEJB0gIWFO10VvAjFfqs4pFDJx8Z0XUTMhwQOKnjv/\u002Bx3uEHC\u002BpI9oteVjr7zIOQK/kvrhNIHm5J/aUD86NYCADd0WIX\u002BlTR1URDGXbBAx8I4661JRB7mbXHL7HHRQftl4IkTprb18lsF9uhl8et6ZutlL2MxqcXLtPKN5LVJJy1jszmwpTyY5fBJcw6X4NatXsSJBr4cy03fwIg7UmBp\u002B0j63M66VBkhOxDdTFdJo6p77/KR2FeTabLjeHU\u002BWx0WOap\u002BfucIsfSG86xEiCgAG2dBY9HsbFJ7qZHRAZG8qkmQKjFFGknWw0JEzOe6Q="}--><div id="main-wrapper" data-layout="vertical" data-navbarbg="skin6" data-sidebartype="full" data-sidebar-position="fixed" data-header-position="fixed" data-boxed-layout="full"><header class="topbar" data-navbarbg="skin6"><nav class="navbar top-navbar navbar-expand-md"><div class="navbar-header" data-logobg="skin6"><a class="nav-toggler waves-effect waves-light d-block d-md-none" href="javascript:void(0)"><i class="ti-menu ti-close"></i></a><div class="navbar-brand"><a href="index.html"><b class="logo-icon"><img src="assets/img/logo-icon.png" alt="homepage" class="light-logo"></b><span class="logo-text"><img src="assets/img/logo-light.png" alt="homepage" class="light-logo"></span></a></div><a class="topbartoggler d-block d-md-none waves-effect waves-light" href="javascript:void(0)" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><i class="ti-more"></i></a></div></nav></header><aside class="left-sidebar" data-sidebarbg="skin6"><div class="sidebar-nav" onclick="document.querySelector('.navbar-toggler').click()"><nav class="flex-column"><ul id="sidebarnav"><li class="sidebar-item"><a href="" class="sidebar-link active" aria-current="page"><i data-feather="home" class="feather-icon"></i><span class="hide-menu">Dashboard</span></a></li><li class="list-divider"></li><li class="sidebar-item"><a href="locations" class="sidebar-link"><i data-feather="map" class="feather-icon"></i><span class="hide-menu">Standort</span><i data-feather="chevron-left" class="feather-icon" __internal_stopPropagation_onclick __internal_preventDefault_onclick></i></a></li></ul></nav></div></aside><div class="page-wrapper"><div class="container-fluid"><!--bl:16--><div class="page-breadcrumb"><div class="row"><div class="col-7 align-self-center"><h3 class="page-title text-truncate text-dark font-weight-medium mb-1">Aktuelle Einsatzpläne</h3></div></div></div><div class="row"><div class="col-12"><div class="card"><div class="card-body"><div class="table-responsive"><p><em>Loading...</em></p></div></div></div></div></div><!--/bl:16--></div></div></div><!--Blazor:{"prerenderId":"be8e88c15cf149f999dd1e77eaed375c"}--><script src="assets/js/jquery.min.js"></script><script src="assets/js/popper.min.js"></script><script src="assets/js/bootstrap.min.js"></script><script src="assets/js/feather.min.js"></script><script src="assets/js/perfect-scrollbar.jquery.min.js"></script><script src="assets/js/sidebarmenu.js"></script><script src="assets/js/custom.min.js"></script><script src="_framework/blazor.web.js"></script><!-- Visual Studio Browser Link --><script type="text/javascript" src="/_vs/browserLink" async="async" id="__browserLink_initializationData" data-requestId="047958e7e55849bd81f65e83d5b0012a" data-requestMappingFromServer="false" data-connectUrl="http://localhost:65483/189897d8e98b4bdaa1cfcc0af5874c6b/browserLink"></script><!-- End Browser Link --><script src="/_framework/aspnetcore-browser-refresh.js"></script></body></html><blazor-ssr><template blazor-component-id="16"><div class="page-breadcrumb"><div class="row"><div class="col-7 align-self-center"><h3 class="page-title text-truncate text-dark font-weight-medium mb-1">Aktuelle Einsatzpläne</h3></div></div></div><div class="row"><div class="col-12"><div class="card"><div class="card-body"><div class="table-responsive"><table class="table"><thead><tr><th>Name</th><th>Standort</th></tr></thead><tbody><tr class="clickable"><td>Einsatzplan ***** 2024</td><td>*****</td></tr><tr class="clickable"><td>Einsatzplan ***** 2024</td><td>*****</td></tr></tbody></table></div></div></div></div></div></template><blazor-ssr-end></blazor-ssr-end></blazor-ssr><!--Blazor-Server-Component-State:CfDJ8OR+eCgy9MZOpy69P2rqbvKru4v5S/Orn2QhpHnRzkbUfgMyud0j9Ak7n88IpP6VktxTAHzdu88LDynjMsf+g7qFbv2NDfXgQhR7MUW/vOwR8dDI0/iz/xYYjWmeA4/QCsk95XRua3ptekFglcyHPmuMlvP7vwfl+FJvoJV+ofOH0s0a6zYgeuzCHUpyz/V15AIEUjqIcbwe0cFcAdhdh53y36BbRObC9U9AHFsMSPPzQJC0FQct5izmqn5AqUFd2/7jvb4EUkC18+bB3fbADofZIGv1LlT4WKCQys7FyXoMkDLosteMuHoy5g1IFdYLIlFmHDdV9Qp3FsGnTmn+kySAnyVC6ywaIvI269kvBMKeLDPt+cQ+UK0rZZJ8co6oFdpNn+e87WpjMbbGz6nHqQ//EYb+83yyb3IkTCxzFV5tyVVGy54V3kCjQi1VReeEOVZZ1uvXzkuObgvJgpc8VBDBDlVF/lJ6sCrqIPXVzNP1fXaKBPCTyvcW8IjW5NQHby189/uvvmy4/wnYGxTAHD5NSHD6ZISQ4CM6Bm9qc7Wz-->I think, blazor should replace the content on data changes. However, it is only appending the new html content after the closing </html> tag.Does anyone have an idea why it is doing this and what I should change to make it work correctly?