Проблема с макетом при использовании Laravel/Vuexy/Select2 для множественного выбора

У меня возникла проблема с макетом при использовании Laravel + Vuexy + Select2 для множественного выбора в моем проекте. Я внимательно следил за документацией, но при множественном выборе макет выглядит не так, как ожидалось, хотя для одиночного выбора он работает нормально.

      <div class = "form-group">
        <label for = "group">{{ __('locale.filters.group') }}:</label>
        <select class = "select2 form-select form-select-lg" data-allow-clear = "true">
          @foreach ($groupOptions as $groupKey => $groupValue)
          <option value = "{{ $groupKey }}" {{ in_array($groupKey, $groups) ? 'selected' : '' }}>
            {{ $groupValue }}</option>
          @endforeach
        </select>
      </div>

Пример неправильного макета:

Ожидаемая планировка:

Пытался следовать документам Select2, никакого эффекта.

Я использую шаблон Vuexy html + laravel, select2/jquery инициализируется из коробки.

/resources/assets/vendor/libs/select2/select2.js

import select2 from 'select2/dist/js/select2.full';

try {
  window.select2 = select2;
} catch (e) {}
select2();

export { select2 };