Adjust margins for slots in Ionic 4

I am trying to adjust the margin-inline-* for slots. The default? value of 32px seems to big.

For slot=“end” there is a rule for ::slotted([slot=end]) that puts the following

margin-inline-start: 32px;

I have tried to override the --ion-margin in variables.scss but that does not seem to work.

Any pointers would be great!

1 Like

Try with this

ion-icon[slot=start] {
  margin-inline-start: 20px;

ion-icon[slot=end] {
  margin-inline-start: 20px;