[Bug]: Breadcrumb overflowing/wrapping behaviour

**Describe the bug**

If a breadcrumb contains a long string, it will cause the breadcrumbs to wrap. If the string isn't wrappable by default (such as a very long email address), the breadcrumb will overflow its container. This can cause alignment issues in headers, and break other parts of a UI.

**To Reproduce**

See codepen: https://codepen.io/ando-gq/pen/xbxXbVG

It includes an unmodified breadcrumb overflowing, as well as some hacks we've attempted to get it to behave.

**Expected behavior**

It should be possible for breadcrumbs that overflow should be truncated with ellipsis.

**Desktop (please complete the following information):**

- OS: MacOS
- Browser: Firefox/Chrome/Safari
- Version: *