user28751094's questions

Tenho uma div com nome de classe graph-containercom as seguintes propriedades:

.graph-container{
    width: 90%;
    height: 298px;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

e nessa div, entre outras coisas, tenho outra div com a classe graph-selectorque contém uma lista de botões:

.graph-selector{
    display: flex;
    flex-direction: column;
    gap: 2px;
    height: 100%;
    width: 320px;
    margin-top: 46px;
    overflow-y: auto;
    overflow-x: hidden;
}

Dependendo do gráfico, ele pode ter alguns ou muitos botões, então eu configurei a propriedade de estouro vertical para adicionar uma barra de rolagem sempre que eles estendessem o tamanho do div do contêiner. No entanto, por algum motivo, isso apenas tornou os botões mais finos do que sua altura definida para poderem ser espremidos no div do contêiner sem que nenhuma barra de rolagem aparecesse, o que é... literalmente o oposto do que eu acabei de perguntar?