Listbox and Select: checkmark different size

[gimler]

Describe the bug

Then the text of an option is to long the checkmark icon size is to small

<template>
  <ThemeSwitcher />
  <div class="card flex justify-center">
    <Listbox
      multiple
      checkmark
      :highlightOnSelect="false"
      v-model="selectedCity"
      :options="cities"
      filter
      optionLabel="name"
      class="w-full md:w-56"
    />
  </div>
</template>

<script setup>
import { ref } from 'vue';

const selectedCity = ref();
const cities = ref([
  { name: 'New York the place to live or not it depends', code: 'NY' },
  { name: 'Rome', code: 'RM' },
  { name: 'London', code: 'LDN' },
  { name: 'Istanbul', code: 'IST' },
  { name: 'Paris', code: 'PRS' },
]);
</script>

Pull Request Link

No response

Reason for not contributing a PR

• Lack of time
• Unsure how to implement the fix/feature
• Difficulty understanding the codebase
• Other

Other Reason

No response

Reproducer

https://stackblitz.com/edit/8b9nurqm?file=src%2FApp.vue

Environment

stackblitz

Vue version

3.2.45

PrimeVue version

4.2.5

Node version

No response

Browser(s)

No response

Steps to reproduce the behavior

add an option with long label

Expected behavior

same checkbox size for all options