[Styled select] #scss

_select.scss

select {

  height: 54px;

  padding: 14px 13px;

  border: solid 1px $input-border-color;
  
  background-color: $input-background-color;

  color: $color-black;
  font-family: 'Montserrat', sans-serif;
  font-size: rem(13px);
  font-weight: 600;
  letter-spacing: rem(0.26px);
  text-align: left;
  text-transform: uppercase;

  &:focus {

    border-color: $input-focus-border-color;

    outline: 0;

  }

  option {

  }

}

.styled-select {
  
  position: relative;
  display: inline-block;

  select {
    
    padding: 14px 32px 14px 13px;

    -webkit-appearance: none;
    &::-ms-expand { display: none; }

  }


  &::after {

    content: "\f107";

    position: absolute;
    display: inline-block;

    right: 10px;
    top: 50%;
    transform: translate(0, -50%);

    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;

  }

}

select.html

                    <div class="styled-select">
                      <select name="select" id="select">
                        <option value="1">One</option>
                        <option value="2">Two</option>
                        <option value="3">Three</option>
                        <option value="4">Four</option>
                      </select>
                    </div>