title: Bottom navigation bar label get clipped to next line even without filling the whole space jetpack compose
body: <p>How to make icon label in single line without breaking it, Reducing font size help but making smaller makes hard to read.</p>
  <p>Bottom Navigation implementation :</p>
  <pre><code>    BottomNavigation(backgroundColor = Color.White) {
          items.forEach { item -&gt;
              BottomNavigationItem(
                  selected = currentRoute == item.route,
                  onClick = { /*TODO*/ },
                  icon = {
                      if (currentRoute == item.route) ActiveIcon(item.activeIcon)
                      else Icon(painterResource(item.disableIcon), null)
                  },
                  label = {
                      Text(
                          stringResource(item.title), // Label
                          fontWeight = FontWeight.SemiBold
                      )
                  },
              )
          }
      }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/SsQBQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SsQBQ.png" alt="enter image description here" /></a></p>