Arkadaşlar bootstrap 5 kullanıyorum grid sistemini bootstrap ile oluşturdum. col-md-2 col-md-10 şeklinde oluşturdum col-md-2 de sidebarım var ne yaptıysam sidebarın yüksekliğini %100 yapamadım. .row yüksekliğini alıp duruyor. Yardımcı olur musunuz?

https://prnt.sc/KfJP_fda6RWU

fotoğrafta göründüğü gibi row yüksekliği kadar oluyor.

html, body{
    height: 100%;
    overflow-x: hidden;
    background-color: #F6F8FC;
}

.sidebar{
    display: flex;
    height: 100%;
    flex-direction: column;
    background-color: #171829;
    box-shadow: 0 0 21px 0 rgb(89 102 122 / 10%);
}

height 100vh; bunu da kullandım ne varsa kullandım ama sonuç yok.