Issue at hand: The clock icons on my phone screen sometimes break off, see example here: https://i.sstatic.net/NQz9i.png
Preferred outcome: The icons should be intact along with the time value, like this:
https://i.sstatic.net/nZmC9.png
Here is the HTML code: https://jsfiddle.net/jfta78n3/
In case it's relevant, the issue arises when trying to wrap only the time and icon without affecting the date. Here's how I generate the part in question using Vue 3:
{{
formatDate(
show.dateExport,
show.timeStart ? "long" : "short"
)
}}
<span v-if="show.timeStart">
<i class="bi-clock-fill" />
</span>