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 bc39074a47..6f537ab37c 100644
--- a/packages/text-area/theme/lumo/vaadin-text-area-styles.js
+++ b/packages/text-area/theme/lumo/vaadin-text-area-styles.js
@@ -30,7 +30,7 @@ const textArea = css`
   }
 
   :host([readonly]) [part='input-field'] {
-    border: 1px dashed var(--lumo-contrast-30pct);
+    border: var(--vaadin-input-field-readonly-border, 1px dashed var(--lumo-contrast-30pct));
   }
 
   :host([readonly]) [part='input-field']::after {