html – Como deixar essa div vertical ocupando a page toda? com CSS and Bootstrap

Bom dia, alguém pode me ajudar? atualmente a div não ocupa a page toda e se encontra assim:

Código CSS:

.ys-aside.smaller {
    width: 32px;
   }

  .ys-aside {
    width: 185px;
    height: 100%;
    min-height: 100vh;
    float: left;
}

Imagem da div atual (Barra vertical Azul escuro):

Atualmente

Contudo, eu quero deixar exatamente ocupando a page toda em qualquer dispositivo, mobile, desktop e notebook, usando Bootstrap e css:

O desejado

Código CSS da body:

body {
    font-weight: 300;
    background-color: #424A5D;
    overflow-y: scroll;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #292b2c;
    background-color: #fff;
}