How to target Shadow Dom elements with no Part?

I’m looking to increase the gap between the icon and the text in the button component.
image

If I can add gap: 4px to this element, it would look perfect.

It has no Part and it seems you can’t target children of parts. You can’t write something like this apparently…

So does that just mean that the part is not exposed and we shouldn’t touch it, that there is no way to style elements with out a Part?

Hello,
try this:

ion-button > ion-icon {
  margin-right: 10px;
}
1 Like

I know I can do it with margin on the icon outside of the shadow dom, but I find it hard to believe there are parts that we can’t touch inside the web components, because I am sure I will want to change some aspects of them sometimes.