VaAccordion/VaCollapse - certain icons render very wide in title

[fezde]

Vuestic-ui version: 1.10.3

Description

Depending on the icon used, the width of the icon element in the VaAccordion is completely wrong. For some of them it is corret, others are 180px wide.npm

Reproduction

Run the following template

<template>
  <VaAccordion
    v-model="value"
    class="max-w-sm"
  >
    <VaCollapse
      v-for="(collapse, index) in collapses"
      :key="index"
      :header="collapse.title"
    	:icon="collapse.icon"
    >
      <template #content>
        {{ collapse.content }}
      </template>
    </VaCollapse>
  </VaAccordion>
</template>

<script>
export default {
  data() {
    return {
      value: [false, false, false],
      collapses: [
        { title: "First collapse2", content: "First collapse content", icon:"cancel" },
        { title: "Second collapse", content: "Second collapse content", icon:"discover_tune" },
        { title: "Third collapse", content: "Third collapse content", icon:"sensor_occupied" },
      ],
    };
  },
};
</script>