Ионная ионная входная динамическая ширина

Question

Я бы хотел, чтобы ионный ввод рос, когда текст внутри него рос.В настоящее время это уродливый случайный виджет ввода ширины.У Ihr Wert должно быть меньше отступов по сторонам, как у кнопки 15 .

Мой HTML:

<ion-col class="col-price" padding-right>
  <ion-input text-center placeholder="{{'YOUR_VALUE' | translate}}" class="input-price"></ion-input>
</ion-col>

scss:

  .input-price {
    margin: 0;
    padding: 0;
    border-radius: 0.3em !important;
    border: 0.05em solid color($colors, button_blue);
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .col-price {
    align-self: center;
  }