.breadcrumb-text-truncate {
    display: inline-flex !important;
    max-width: 50em !important;
}

.breadcrumb-text-truncate > div:first-child {
    flex: 0 1 auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 5px;
}

.breadcrumb-text-truncate > div + div {
    flex: 1 0 auto !important;
    white-space: nowrap !important;
}