diff --git a/packages/text-area/theme/lumo/vaadin-text-area-styles.js b/packages/text-area/theme/lumo/vaadin-text-area-styles.js
index e3f49db3c4..9e98c96941 100644
--- a/packages/text-area/theme/lumo/vaadin-text-area-styles.js
+++ b/packages/text-area/theme/lumo/vaadin-text-area-styles.js
@@ -57,8 +57,7 @@ const textArea = css`
   }
 
   /* Use sticky positioning to keep prefix/suffix/clear button visible when scrolling textarea container */
-  [part='input-field'] ::slotted([slot='prefix']),
-  [part='input-field'] ::slotted([slot='suffix']),
+  [part='input-field'] ::slotted([slot$='fix']),
   [part='clear-button'] {
     position: sticky;
     top: 0;
@@ -66,8 +65,7 @@ const textArea = css`
   }
 
   /* Vertically align icon prefix/suffix/clear button with the first line of text */
-  [part='input-field'] ::slotted(vaadin-icon[slot='prefix']),
-  [part='input-field'] ::slotted(vaadin-icon[slot='suffix']),
+  [part='input-field'] ::slotted(vaadin-icon[slot$='fix']),
   [part='clear-button'] {
     top: calc((var(--lumo-icon-size-m) - 1em * var(--lumo-line-height-s)) / -2);
     margin-top: calc((var(--lumo-icon-size-m) - 1em * var(--lumo-line-height-s)) / -2);
diff --git a/packages/text-area/theme/material/vaadin-text-area-styles.js b/packages/text-area/theme/material/vaadin-text-area-styles.js
index d15de72f12..acaa640bb0 100644
--- a/packages/text-area/theme/material/vaadin-text-area-styles.js
+++ b/packages/text-area/theme/material/vaadin-text-area-styles.js
@@ -24,8 +24,7 @@ const textArea = css`
   }
 
   /* Use sticky positioning to keep prefix/suffix/clear button visible when scrolling textarea container */
-  [part='input-field'] ::slotted([slot='prefix']),
-  [part='input-field'] ::slotted([slot='suffix']),
+  [part='input-field'] ::slotted([slot$='fix']),
   [part='clear-button'] {
     position: sticky;
     top: 0;