Title overlapping and Content is centered

[AncientGrief]

Hey,

EDIT: Okay i solved Problem 3 by copying the SamplePage2.xmal from the sample project and take this as a starting point.

I tried to replicate the MainWindow.xaml from the sample project to build my app. But I got two issues and one question:

1.) The title is overlapping with the content when the menu is collapsed. In the example project seems to be a dedicated margin to contain the app title and keep the title bar in the same color:

2.) How do I change the rounded corners? And why does the List have no style at all?

3.) The content of my page is centered, how do I change that?

MainWindow.xaml

<ui:FluentWindow x:Class="ProductionWatch.App.Views.Windows.MainWindow"
                 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                 xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
                 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
                 xmlns:local="clr-namespace:App"
                 xmlns:ui="http://schemas.lepo.co/wpfui/2022/xaml"
                 ui:Design.Background="{DynamicResource ApplicationBackgroundBrush}"
                 ui:Design.Foreground="{DynamicResource TextFillColorPrimaryBrush}"
                 
                 xmlns:main="clr-namespace:App.ViewModels.Main"
                 d:DataContext="{d:DesignInstance Type=main:MainViewModel}"
                 mc:Ignorable="d"
                 Width="1450"
                 Height="802"
                 MinWidth="900"
                 Title="My Cool App" 
                 ExtendsContentIntoTitleBar="True"
                 WindowBackdropType="Mica"
                 WindowCornerPreference="Default"
                 WindowStartupLocation="CenterScreen"
                 Icon="pack://application:,,,/logo.ico">
    <Grid>
        <ui:NavigationView
            x:Name="NavigationView"
            Padding="42,0,42,0"
            FrameMargin="0"
            OpenPaneLength="210"
            IsBackButtonVisible="Visible"
            IsPaneToggleVisible="True"
            Transition="FadeInWithSlide"
            PaneDisplayMode="Left"
            MenuItemsSource="{Binding ViewModel.MenuItems, Mode=OneWay}"
            >
            <ui:NavigationView.Header>
                <StackPanel Margin="42,32,42,20">
                    <ui:BreadcrumbBar x:Name="BreadcrumbBar" />
                </StackPanel>
            </ui:NavigationView.Header>
            <ui:NavigationView.ContentOverlay>
                <Grid>
                    <ui:SnackbarPresenter x:Name="SnackbarPresenter" />
                </Grid>
            </ui:NavigationView.ContentOverlay>
        </ui:NavigationView>
        
        <ContentPresenter x:Name="RootContentDialog" Grid.Row="0" />
            
        <ui:TitleBar
            x:Name="TitleBar"
            Title="My Cool App"
            Grid.Row="0"
            CloseWindowByDoubleClickOnIcon="True">
            <ui:TitleBar.Icon>
                <ui:ImageIcon Source="pack://application:,,,/Assets/logo.png" />
            </ui:TitleBar.Icon>
        </ui:TitleBar>

    </Grid>
</ui:FluentWindow>

[AncientGrief]

Okay I figure out, that I missed the TitleBar attribute on the NavigationView.

Is there a way to change it's height? I like my UI more compact, I don't need this gap:

Tried adjusting the Height attribute, but this only changes the height of the TitleBar but does not close the gap (The bright one is the TitleBar):