CHeader / CSidebar alignment questions

[wz2b]

I'm trying to use both a sidebar and a header and am finding the header is underneath the sidebar. I'm trying to figure out two things and am having a hard time with it:

1. How to make the CHeader either be to the right of the sidebar or at least reserve $sidebar-width
2. How to take some text in the CHeader and align it all the way to the right side. I'm not trying to use the header for navigation; its purpose is to display who's logged in (all the way on the right) and maybe a title.

        <div className="sidebar sidebar-fixed">
          <AppSidebar/>
        </div>
        <div className="wrapper d-flex flex-column min-vh-100 bg-light">
          <div className="header header-stick mb-4">
                <AppHeader user="cepasp"></AppHeader>
          </div>

where AppHeader is this:

<CHeader position="sticky">
    <CContainer >
            <CHeaderText className={"right"}>
                111111111122222222223333333333444444444455555555556666666666
        </CHeaderText>
    </CContainer>
</CHeader>

and the sidebar is this:

<CSidebar
            position={"fixed"}
            unfoldable={false}
            visible={true}>
    <CSidebarBrand className="d-none d-md-flex">
        <CImage fluid className="image-fluid" src={logo}/>
    </CSidebarBrand>

    <SidebarHeader>ABCD Cloud</CSidebarHeader>
 
    <CSidebarNav>
        <CNavTitle>Sites</CNavTitle>
        <CNavItem href="#">Item 1</CNavItem>
        <CNavItem href="#">Item 2</CNavItem>
        <CNavItem href="#">Item 3</CNavItem>
    </CSidebarNav>
</CSidebar>