Ionic unfocus searchbar placeholder to align left

Ionic Framework Ionic Angular
1

I would like to know if it’s possible to align Ionic searchbar placeholder to the left side when unfocus?

image

as of right now the placeholder is currently centered when unfocus

<ion-searchbar
  slot="bottom"
  mode="ios"
  autocomplete="off"
  autocorrect="off"
  spellcheck="false"
  animated="true"
  debounce="500"
  clearIcon="close"
  [placeholder]="placeholder"
  [(ngModel)]="search"
  (ionChange)="runSearch()"
></ion-searchbar>

ion-searchbar {
  height: 40px;
  padding: 0px;
  border: 1px solid rgba(0, 56, 100, 0.4);
  box-shadow: none !important;
  border-radius: 6px;
  margin: 8px 0 12px;
  --border-radius: 6px;
  --background: white;
  --placeholder-color: red;

  text-align: start !important; // not working
  text-align: left !important; // not working
  align-items: flex-start; // not working

  &::placeholder {
    text-align: left; // not working
  }
}