Decreasing space in-between navbar elements Bootstrap-5

This is what im aiming for (Ignore fancy background) This is what ive got: How would I decrease the space between the elements, and centre it in the navbar? Heres my code so far - Using bootstrap 5

    <nav class="navbar bg-primary mt-3">
        <div class="container-inline navbar-brand">
            <img src="img/logo.png" class="ms-4" width="60" alt="Logo">
            <a class="text-light ms-5 fw-bold">TEST</a>
        </div>
            <a class="nav-link text-light">One</a>
            <a class="nav-link text-light">Two</a>
            <a class="nav-link text-light">Three</a>
            <a class="nav-link text-light">Four</a>
    </nav>