Uso do atributo "required" no input.

Eu tentei adicionar o atributo "required" no input ligado ao nome da pessoa, mas não funciona, oq tem de errado?

Essa é o código da parte do formulário no HTML

<section class="container formulario">
            <h2 id="titulo-form">Adicionar novo paciente</h2>

            <span class="mensagem-de-erro"></span>
            <form id="form-adiciona">
                <div class="grupo primeiro-grupo">
                    <label for="nome">Nome:</label>
                    <input required id="nome" name="nome" type="text" placeholder="digite o nome do seu paciente" class="campo" >
                </div>
                <div class="grupo">
                    <label for="peso">Peso:</label>
                    <input id="peso" name="peso" type="text" placeholder="digite o peso do seu paciente" class="campo campo-medio" required>
                </div>
                <div class="grupo">
                    <label for="altura">Altura:</label>
                    <input id="altura" name="altura" type="text" placeholder="digite a altura do seu paciente" class="campo campo-medio" required>
                </div>
                <div class="grupo">
                    <label for="gordura">% de Gordura:</label>
                    <input id="gordura" name="gordura" type="text" placeholder="digite a porcentagem de gordura do seu paciente" class="campo campo-medio">
                </div>

                <button id="adicionar-paciente" class="botao bto-principal">Adicionar</button>
            </form>
        </section>