Menu lateral x Seção de vídeos

Não consigo colocar a seção dos vídeos ao lado do menu lateral, ela só aparece após rolar a barra do menu lateral até o fim. Ja tentei arrumar no CSS, mas não descobri como. Que parte do código faz isso acontecer? Existe solução ou vou precisar refazer?

<aside class="menu__lateral">        
        <ul class="menu__opcoes">
            <li class="menu__opcoes__item">
                <a href="#" class="item"><img src="./img/sidebar/home.png" alt="ícone de casa"></a>
                <p>Início</p>
            <li class="menu__opcoes__item">
                <a href="#" class="item"><img src="./img/sidebar/explore.png" alt="ícone de explorar"></a>
                <p>Explorar</p>
            <li class="menu__opcoes__item">
                <a href="#" class="item"><img src="./img/sidebar/airplay.png" alt="ícone de shorts"></a>
                <p>Shorts</p>
            <li class="menu__opcoes__item">
                <a href="#" class="item"><img src="./img/sidebar/subscriptions.png" alt="ícone de casa"></a>
                <p>Inscrições</p>                                    
        </ul>
        <hr>
        <ul class="menu__opcoes">
            <li class="menu__opcoes__item">
                <a href="#" class="item"><img src="./img/sidebar/video_library.png" alt="ícone de video de biblioteca"></a>
                <p>Biblioteca</p>
            <li class="menu__opcoes__item">
                <a href="#" class="item"><img src="./img/sidebar/history.png" alt="ícone de histórico"></a>
                <p>Histórico</p>
            <li class="menu__opcoes__item">
                <a href="#" class="item"><img src="./img/sidebar/history_toggle_off.png" alt="ícone de assistir mais tarde"></a>
                <p>Assitir mais tarde</p>
            <li class="menu__opcoes__item">
                <a href="#" class="item"><img src="./img/sidebar/thumb_up_alt.png" alt="ícone de joinha"></a>
                <p>Marcados como com like</p>                                    
        </ul>
        <hr>        
        <ul class="menu__opcoes">
            <li class="menu__opcoes__item">
                <h2>INSCRIÇÕES</h2>
            <li class="menu__opcoes__item">
                <a href="#" class="item"><img src="./img/sidebar/Avatar_Alura.png" alt="logo da Alura"></a>
                <p>Alura</p>
            <li class="menu__opcoes__item">
                <a href="#" class="item"><img src="./img/sidebar/Avatar_Gaveta.png" alt="avatar do Gaveta"></a>
                <p>Gaveta</p>
            <li class="menu__opcoes__item">
                <a href="#" class="item"><img src="./img/sidebar/Avatar_Rafa.png" alt="avatar da Rafaella Ballerini"></a>
                <p>Rafaella Ballerini</p> 
            <li class="menu__opcoes__item">
                <a href="#" class="item"><img src="./img/sidebar/Avatar_Atila.png" alt="Avatar do Átila Iamarino"></a>
                <p>Átila Iamarino</p> 
            <li class="menu__opcoes__item">
                <a href="#" class="item"><img src="./img/sidebar/Avatar_Souto.png" alt="Avatar do Mario Souto"></a>
                <p>Mario Souto</p> 
            <li class="menu__opcoes__item">
                <a href="#" class="item"><img src="./img/sidebar/Avatar_Jovem_Nerd.png" alt="Avatar do Jovem Nerd"></a>
                <p>Avatar do Jovem Nerd</p> 
            <li class="menu__opcoes__item">
                <a href="#" class="item"><img src="./img/sidebar/Avatar_Deschamps.png" alt="Avatar do Felipe Deschamps"></a>
                <p>Felipe Deschamps</p> 
            <li class="menu__opcoes__item">
                <a href="#" class="item"><img src="./img/sidebar/keyboard_arrow_down.png" alt="ícone de seta para baixo do teclado"></a>
                <p>Mostrar mais 2</p>                                    
        </ul>    
        <hr>        
        <ul class="menu__opcoes">
            <li class="menu__opcoes__item">
                <h2>MAIS DA PÁGINA</h2>
            <li class="menu__opcoes__item">
                <a href="#" class="item"><img src="./img/sidebar/ondemand_video.png" alt="ícone de ondemand Vídeos"></a>
                <p>Vídeos Premium</p>
            <li class="menu__opcoes__item">
                <a href="#" class="item"><img src="./img/sidebar/movie.png" alt="ícone de claquete"></a>
                <p>Filmes</p>
            <li class="menu__opcoes__item">
                <a href="#" class="item"><img src="./img/sidebar/sports_esports.png" alt="ícone de joystick"></a>
                <p>Jogos</p>  
        </ul>
    </aside> 
    
    .menu__lateral{       
    width: 239px;
    height: 1426px;
    padding-top: 70px; 
            
  }.menu__opcoes{
    display: flex;
    flex-direction: column;
    padding-left: 16px;
    padding-top: 20px;
    margin-bottom: 32px;
    gap:20px;    
  }
  .menu__opcoes__item{
    display: flex;
    align-items: center;
    gap: 16px;
  }