.number-with-currency {
  &-symbol {
    min-width: 2.5em;
    text-align: center;
  }

  &-amount {
    text-align: right;
  }

  &-addon {
    width: 5rem;
    text-align: left;
    position: relative;
  }

  .currency-selector {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 2rem;
    padding: 0 .75rem;
    border: 0;

    background-color: #fff;
    background-image: none;

    font-family: inherit;
    color: inherit;

    &:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #000;
    }

    // Unstyle the caret on `<select>`s in IE10+.
    &::-ms-expand {
      background-color: transparent;
      border: 0;
    }


    &:hover:not(:active) {
      cursor: pointer;
    }
  }
}

.number-with-currency {
  &-symbol {
    min-width: 2.5em;
    text-align: center;
  }

  &-amount {
    text-align: right;
  }

  &-addon {
    width: 5.5rem;
    text-align: left;
    position: relative;
  }

  .currency-selector {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 31px;
    padding: 0 .5rem;
    border: 0;

    background-color: #fff;
    background-image: none;

    font-family: inherit;
    color: inherit;

    &:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #000;
    }

    // Unstyle the caret on `<select>`s in IE10+.
    &::-ms-expand {
      background-color: transparent;
      border: 0;
    }


    &:hover:not(:active) {
      cursor: pointer;
    }
  }
}

Fix currency selector sizing under IE and edge
Fix currency selector sizing under IE and edge
