Breadcrumbs are not displaying inline

[getlashified]

Good Day, Please excuse me if I am wrong, I am still a junior developer. I would like to make note of an issue that I have found and provide a fix.

Implementing what is provided, the outcome is having each <li> on a new line:

@if(Breadcrumbs::has())
    @foreach (Breadcrumbs::current() as $crumbs)
        @if ($crumbs->url() && !$loop->last)
            <li class="breadcrumb-item">
                <a href="{{ $crumbs->url() }}">
                    {{ $crumbs->title() }}
                </a>
            </li>
        @else
            <li class="breadcrumb-item active">
                {{ $crumbs->title() }}
            </li>
        @endif
    @endforeach
@endif

View of display:

In order to display the breadcrumbs inline I have to add the <ol> tag back from "tabuna/breadcrumbs": "^1.0" and this seems to be working:

        @if(Breadcrumbs::has())
          <ol class="breadcrumb border-0 m-0">
            @foreach (Breadcrumbs::current() as $crumbs)
              @if ($crumbs->url() && !$loop->last)
                <li class="breadcrumb-item">
                  <a href="{{ $crumbs->url() }}">
                    {{ $crumbs->title() }}
                  </a>
                </li>
              @else
                <li class="breadcrumb-item active">
                  {{ $crumbs->title() }}
                </li>
              @endif
            @endforeach
          </ol>
        @endif

View of working display:

Thank you.

[monkeydev001]

Just add display: flex; to .breadcrumb in css