Является ли плохой практикой иметь одно и то же имя класса в двух разных компонентах, когда CSS ограничен?

Question

У меня есть этот фрагмент кода в 2 разных компонентах:

<div class="justify-center summoner-runes">
    <img class='summoner-rune-icon' :src="'https://ddragon.leagueoflegends.com/cdn/img/' + $store.getters.findSummonerRune(participant.stats.perk0).icon" alt="">
    <img class='summoner-rune-icon absolute-rune' :src="'https://ddragon.leagueoflegends.com/cdn/img/' + $store.getters.findSummonerRune(participant.stats.perkSubStyle).icon" alt="">
</div>

В первом компоненте я хочу, чтобы класс summoner-rune-icon имел ширину 40 пикселей, однако во втором компоненте я хочу егоиметь ширину 20 пикселей.Поскольку CSS для обоих компонентов ограничен, я не думаю, что правила будут конфликтовать друг с другом, однако я не уверен, правильно ли это.