Bootstrap pull-right не работает в заголовке карты в Safari, но работает в Chrome

Question

Карты на Safari

Карты на Chrome

Ниже приведен мой код. Я добавляю класс pull-right к заголовкам карты. Он хорошо работает на Chrome, но не работает на Safari. Кто-нибудь знает причину или есть какие-то решения для этого? Большое спасибо!

        <div id='assigned-list' class="row">
            @foreach ($cardsAssignedToCurrentUser as $cardManager)
            <div class="card assigned border-primary mt-2 mr-2 col-sm-3">
                <div class="card-header">
                    <a href="#" class="card-link pull-right moveBtn">Unassign</a>
                </div>
                <div class="card-body unassigned">
                    <h6 class="card-text mb-2 text-muted">Last Four Numbers</h6>
                    <p class="card-number">{{ $cardManager->card->last_four_digits }}</p>

                    <h6 class="card-text mb-2 text-muted">First Name / Last Name</h6>
                    <p class="card-text">
                        @if (strlen($cardManager->card->first_name) > 0)
                        {{ $cardManager->card->first_name }} @else None @endif
                        /
                        @if (strlen($cardManager->card->last_name) > 0)
                        {{ $cardManager->card->last_name }} @else None @endif
                    </p>
                    <input type="hidden" value="{{ $cardManager->card->id }}" />
                </div>
            </div>

            @endforeach
        </div>