diff --git a/src/components/textarea/themes/shared/textarea.indigo.scss b/src/components/textarea/themes/shared/textarea.indigo.scss index c21f05ce0..6cbae47b7 100644 --- a/src/components/textarea/themes/shared/textarea.indigo.scss +++ b/src/components/textarea/themes/shared/textarea.indigo.scss @@ -109,7 +109,9 @@ textarea { [part~='prefixed'] [part='prefix'], [part~='suffixed'] [part='suffix'] { - padding-inline: pad-inline(rem(2px), rem(4px), rem(6px)); + ::slotted(*) { + padding-inline: pad-inline(rem(2px), rem(4px), rem(6px)); + } } [part~='prefixed'] textarea { diff --git a/src/components/textarea/themes/shared/textarea.material.scss b/src/components/textarea/themes/shared/textarea.material.scss index 387df126d..d48377ce3 100644 --- a/src/components/textarea/themes/shared/textarea.material.scss +++ b/src/components/textarea/themes/shared/textarea.material.scss @@ -211,13 +211,17 @@ textarea { [part~='prefixed'] { [part~='prefix'] { - padding-inline: pad-inline(rem(12px), rem(14px), rem(16px)); + ::slotted(*) { + padding-inline: pad-inline(rem(12px), rem(14px), rem(16px)); + } } } [part~='suffixed'] { [part~='suffix'] { - padding-inline: pad-inline(rem(12px), rem(14px), rem(16px)); + ::slotted(*) { + padding-inline: pad-inline(rem(12px), rem(14px), rem(16px)); + } } } diff --git a/src/components/textarea/themes/textarea.base.scss b/src/components/textarea/themes/textarea.base.scss index 77cdeafb6..f041e7de5 100644 --- a/src/components/textarea/themes/textarea.base.scss +++ b/src/components/textarea/themes/textarea.base.scss @@ -92,17 +92,21 @@ textarea { [part~='prefixed'] { [part='prefix'] { - @extend %prefix; - grid-area: 1 / 1 / auto / auto; + + ::slotted(*) { + @extend %prefix; + } } } [part~='suffixed'] { [part='suffix'] { - @extend %suffix; - grid-area: 1 / 3 / auto / auto; + + ::slotted(*) { + @extend %suffix; + } } }