Как добавить отступы к стрелке, присутствующей в выборе html? ⇐ CSS

[Anonymous]

Я хотел добавить отступы к правой стороне стрелки, присутствующей в HTML-коде select
как она выглядит сейчас.
Я не хочу менять внешний вид стрелка. Просто хочу добавить отступы справа.
Это HTML-код –

Код: Выделить всё

Select One
{{bg.name}}

Я пробовал добавить отступы к классу прямоугольника, а также к классу группы крови, но оба не работают.

Код: Выделить всё

.blood-type{
padding-right: 0.5rem;
}

Я тоже пробовал это, но текстовая стрелка выглядит не очень хорошо. Я также могу использовать значокarrow_drop_down, если это возможно.

Подробнее здесь: https://stackoverflow.com/questions/693 ... tml-select