EJS file not showing up correctly

I'm having problems while using 'list-group' class from bootstrap with ejs. I'm trying to make an array "nome_grupo" to be loaded on 'list-group-item'. The problem is that it only shows up like a normal list and not like it should as it is a 'list-group-item'.

as you can see, the first list-group is not like the one below. (the one below is not getting info from an array)

Here's the code from the .ejs:

<div class="list-group" id="lista_grupos">
            <a href="#" class="list-group-item active">
            Lista de Grupos
          </a>
             <% nome_grupo.forEach(function(nome_grupo) { %>
              <li><a href="pagGrupo.html" class="list-group-item"><%= nome_grupo %></a></li>
             <% }); %>

    </div>

What am I doing wrong? I'm sorry, but I'm very new to all of this...