[![enter image description here](https://i.stack.imgur.com/Eey4k.jpg)](https://i.stack.imgur.com/Eey4k.jpg)
How can I avoid that the icon jumps to the next line?

In desktop the icons are in-line but in mobile I can't make the icons fit horizontally the screen.

This is the code of the navbar:

```
<nav class="navbar fixed-bottom navbar-light bg-company-dark nav2" style="margin-top: 5px;">
    <div class="d-flex container justify-content-end">
        <button class="iconButton" onclick="window.location.href='/';"><i class="fas fa-chevron-left"></i></button>
        <button id="translateFromApps" class="iconButton">
            <i class="fas fa-language"></i>
        </button>
        <button id="deleteApp" class="iconButton"><i class="fas fa-trash"></i></button>
        <button id="toggleApp" class="iconButton"><i class="fas fa-minus"></i></button>
        <a class="iconButton" href="apps/createApp"><i class="fas fa-plus"></i></a>
        <button id="editApp" class="iconButton"><i class="far fa-edit"></i></button>
    </div>
</nav>

```

Thanks for any help