UL tag extra in navigation menu

Hi.

I have this code in the navigation.html.twig:

{% macro nav_loop(page) %}
{% import _self as macros %}

  {% for p in page.children.visible %}
    {% set active_page = (p.active or p.activeChild) ? 'active' : '' %}
    <li class="scroll {{active_page}}"><a href="{{ p.url }}">{{ p.menu }}</a></li>
  {% endfor %}

{% endmacro %}

If you can see the result with the Chrome Inspector, you can check that the code has changed to (for example):

<ul class="navigation">
<li><a class="" href="#services">services</a></li>
<li><a class="" href="#about-us">about-us</a></li>
</ul>

First: my classes in li tag have dissapeared (scroll, active).
Second: Grav adds and extra ul tag.

All of this makes that I can' take control of my classes, for example, in one theme that contain a line with \<ul class="nav navbar-nav navbar-right"> and then differents lines with \<li class="whatever">, the end result will be:

<ul class="nav navbar-nav navbar-right">
<ul class="navigation">
<li>whatever</li>
<li>whatever</li>
</ul>
</ul>

Is there any way to make a navigation.html.twig file that respects the css classes?

Thanks in advance.