[Dúvida] classe não funciona no h2

oi! A classe que apliquei não funciona em h2, o que acontece? fica pequena a fonte quando abro no navegador, independente do tamanho de font-size.

<section class="dispositivos">
        <h2 class="dispostivos__titulo">Disponível nos seus dispositivos favoritos</h2>
        <ul class="dispositivos__lista">
            <li>
                <img src="assets/tv (1).png" alt="icone de televisão">
                <h3 class="lista__item">TV</h3>
            </li>
            <li>
                <img src="assets/computador.png" alt="icone de computador">
                <h3 class="lista__item">Computadores</h3>
            </li>
            <li>
                <img src="assets/celular.png" alt="icone de celular">
                <h3 class="lista__item">Celular</h3>
            </li>
        </ul>
    </section>
    

.dispositivos__lista{
    display: flex;
    justify-content: center;
    list-style-type: none;
    margin: 6em 0;
}

.dispositivos{
    text-align: center;   
}

.dispositivos__titulo{
    font-size: 48px;
    color: var(--branco-principal);
}

.lista__item{
    font-size: 32px;
}