.navbar-collapse block occupies 100% width. This causes space issue to other elements placed outside the navbar-collapse block.

Created by: DeboBuiz

• OS: Windows 10
• Browser: Chrome latest

The code in bootstrap-4 uses the following, This works fine

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

The code in bootstrap-5 uses the following. This causes the words in the btn block that is placed outside the nav-collapse block to break.

.navbar-collapse {
    align-items: center;
    width: 100%;
}