'Add padding right to the Dropdown input in Html with CSS

So I have a provblem with the dropdown that shows this arrow on the right aligned to the end, and I can't find a way to fix it.

enter image description here

Here is the scss:

.select_box {
    width: 120%;
    font-size: 1.1em;
    background: var(--header-bg);
    border: 1px solid var(--border);
    font-family: "Space Grotesk";
    transition: var(--animate);
    border-radius: 0.65em;
    color: var(--color-inactive);
    outline: none;

    &:hover {
        background: var(--hover-color);
        border: var(--icon) 1px solid;
        cursor: pointer;
    }
}
css


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source