Navigation Blocks layout issues

[ben]

Wappler Version: 5.4.1
Operating System: Winddows 11
Framework: Bootstrap 5

Expected behavior

  <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container">
      <a class="navbar-brand" href="#">
        <img height="30" width="60" alt="Brand">
      </a>
    </div>
  </nav>

Actual behavior

  <header class="bg-light">
    <div class="container">
      <div class="row">
        <div class="col">
          <nav class="navbar navbar-expand-lg navbar-light bg-light">
            <a class="navbar-brand ms-auto" href="#">
              <img height="30" width="60" alt="Brand">
            </a>
          </nav>
        </div>
      </div>
    </div>
  </header>

Inserting the navigation bar via the Navigation Blocks - Logo Left.

[ben]

Wappler Version: 5.4.1
Operating System: Windows 11
Framework: Bootstrap 5

Expected behavior

  <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container">
      <a class="navbar-brand ms-auto me-auto" href="#">
        <img height="30" width="60" alt="Brand">
      </a>
    </div>
  </nav>

Actual behavior

  <header class="bg-light">
    <div class="container">
      <div class="row">
        <div class="col">
          <nav class="navbar navbar-expand-lg navbar-light bg-light justify-content-between">
          </nav>
        </div>
      </div>
    </div>
  </header>

How to reproduce

Inserting the navigation bar using Blocks - Logo Center.

[ben]

Expected behavior

  <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container">
      <a class="navbar-brand" href="#">Navbar</a>
    </div>
  </nav>

Actual behavior

  <header class="bg-light">
    <div class="container">
      <div class="row">
        <div class="col">
          <nav class="navbar navbar-expand-lg navbar-light bg-light">
            <a class="navbar-brand ms-auto" href="#">Navbar</a>
          </nav>
        </div>
      </div>
    </div>
  </header>