in MainLayout.razor you will see
<article class="content px-4">
@Body
remove px-4 and inside MainLayout.razor.css
.top-row, article {
padding-left: 2rem !important;
padding-right: 1.5rem !important;
}
either comment it out, or set the padding to 0px Then it will go from edge to edge