diff --git a/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-error-text-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-error-text-md-ltr-Mobile-Chrome-linux.png
index d3b634ef0ea..09f01249bbd 100644
Binary files a/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-error-text-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-error-text-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-error-text-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-error-text-md-ltr-Mobile-Firefox-linux.png
index 3bd0a413277..d95e25a0fe2 100644
Binary files a/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-error-text-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-error-text-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-error-text-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-error-text-md-ltr-Mobile-Safari-linux.png
index 82b13887a55..ec840d909e9 100644
Binary files a/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-error-text-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-error-text-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-helper-text-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-helper-text-md-ltr-Mobile-Chrome-linux.png
index 242f59e7b82..6165b52e7ca 100644
Binary files a/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-helper-text-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-helper-text-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-helper-text-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-helper-text-md-ltr-Mobile-Firefox-linux.png
index 1357a6ae3b4..014b493741c 100644
Binary files a/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-helper-text-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-helper-text-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-helper-text-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-helper-text-md-ltr-Mobile-Safari-linux.png
index d01208be31a..0aafefcf0d7 100644
Binary files a/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-helper-text-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-helper-text-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-md-ltr-Mobile-Chrome-linux.png
index 9e855124891..dd8ddd20a10 100644
Binary files a/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-md-ltr-Mobile-Firefox-linux.png
index a36babdb04f..8a225fac162 100644
Binary files a/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-md-ltr-Mobile-Safari-linux.png
index 63a86ecb920..b9ec31e1e84 100644
Binary files a/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/bottom-content/textarea.e2e.ts-snapshots/textarea-counter-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-label-floating-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-label-floating-md-ltr-Mobile-Chrome-linux.png
index 5b31c4bd9d7..288a507c834 100644
Binary files a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-label-floating-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-label-floating-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-label-floating-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-label-floating-md-ltr-Mobile-Firefox-linux.png
index deae3bd3c14..dc4e289e013 100644
Binary files a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-label-floating-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-label-floating-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-label-floating-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-label-floating-md-ltr-Mobile-Safari-linux.png
index 5090491324c..a676da5a2a8 100644
Binary files a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-label-floating-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-label-floating-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-label-floating-md-rtl-Mobile-Chrome-linux.png b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-label-floating-md-rtl-Mobile-Chrome-linux.png
index e9ee677ed9f..195832fb227 100644
Binary files a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-label-floating-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-label-floating-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-label-floating-md-rtl-Mobile-Firefox-linux.png b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-label-floating-md-rtl-Mobile-Firefox-linux.png
index 2f7e6f673b1..4b0add54db1 100644
Binary files a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-label-floating-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-label-floating-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-label-floating-md-rtl-Mobile-Safari-linux.png b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-label-floating-md-rtl-Mobile-Safari-linux.png
index 2282b0585dd..8638692e0c1 100644
Binary files a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-label-floating-md-rtl-Mobile-Safari-linux.png and b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-label-floating-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-md-ltr-Mobile-Chrome-linux.png
index 5b31c4bd9d7..288a507c834 100644
Binary files a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-md-ltr-Mobile-Firefox-linux.png
index deae3bd3c14..dc4e289e013 100644
Binary files a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-md-ltr-Mobile-Safari-linux.png
index 5090491324c..a676da5a2a8 100644
Binary files a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-outline-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-shaped-outline-custom-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-shaped-outline-custom-md-ltr-Mobile-Chrome-linux.png
index a97ce66f282..5a0bc2886bb 100644
Binary files a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-shaped-outline-custom-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-shaped-outline-custom-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-shaped-outline-custom-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-shaped-outline-custom-md-ltr-Mobile-Firefox-linux.png
index 6c8b24f9816..41eca704d6e 100644
Binary files a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-shaped-outline-custom-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-shaped-outline-custom-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-shaped-outline-custom-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-shaped-outline-custom-md-ltr-Mobile-Safari-linux.png
index cd241e12d87..280715bc4c1 100644
Binary files a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-shaped-outline-custom-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-shaped-outline-custom-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-shaped-solid-custom-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-shaped-solid-custom-md-ltr-Mobile-Chrome-linux.png
index 9a34e1ea0ed..798db85cecd 100644
Binary files a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-shaped-solid-custom-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-shaped-solid-custom-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-shaped-solid-custom-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-shaped-solid-custom-md-ltr-Mobile-Firefox-linux.png
index 72490fc83e9..4ef1f679a03 100644
Binary files a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-shaped-solid-custom-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-shaped-solid-custom-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-shaped-solid-custom-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-shaped-solid-custom-md-ltr-Mobile-Safari-linux.png
index d08a592b3ad..ffcb6d4131d 100644
Binary files a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-shaped-solid-custom-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-shaped-solid-custom-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-label-floating-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-label-floating-md-ltr-Mobile-Chrome-linux.png
index 1527d9c6737..de802a67a31 100644
Binary files a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-label-floating-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-label-floating-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-label-floating-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-label-floating-md-ltr-Mobile-Firefox-linux.png
index a3b2709c6bb..8a067d99bf8 100644
Binary files a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-label-floating-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-label-floating-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-label-floating-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-label-floating-md-ltr-Mobile-Safari-linux.png
index e3e190b9bca..8f4f5d15cba 100644
Binary files a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-label-floating-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-label-floating-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-label-floating-md-rtl-Mobile-Chrome-linux.png b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-label-floating-md-rtl-Mobile-Chrome-linux.png
index 3599699fa99..7770dabee2c 100644
Binary files a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-label-floating-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-label-floating-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-label-floating-md-rtl-Mobile-Firefox-linux.png b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-label-floating-md-rtl-Mobile-Firefox-linux.png
index cc075db7469..0a327e7575d 100644
Binary files a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-label-floating-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-label-floating-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-label-floating-md-rtl-Mobile-Safari-linux.png b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-label-floating-md-rtl-Mobile-Safari-linux.png
index 9424f91a820..527d0cf0e23 100644
Binary files a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-label-floating-md-rtl-Mobile-Safari-linux.png and b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-label-floating-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-md-ltr-Mobile-Chrome-linux.png
index 1527d9c6737..de802a67a31 100644
Binary files a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-md-ltr-Mobile-Firefox-linux.png
index a3b2709c6bb..8a067d99bf8 100644
Binary files a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-md-ltr-Mobile-Safari-linux.png
index e3e190b9bca..8f4f5d15cba 100644
Binary files a/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/fill/textarea.e2e.ts-snapshots/textarea-fill-solid-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts b/core/src/components/textarea/test/highlight/textarea.e2e.ts
index d85553b0f88..3e7a7d768c0 100644
--- a/core/src/components/textarea/test/highlight/textarea.e2e.ts
+++ b/core/src/components/textarea/test/highlight/textarea.e2e.ts
@@ -347,3 +347,50 @@ configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
     });
   });
 });
+
+configs({ directions: ['ltr'], modes: ['ionic-md'] }).forEach(({ title, screenshot, config }) => {
+  test.describe(title('textarea: highlights'), () => {
+    test.describe('textarea: no fill', () => {
+      test('should render valid state correctly', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-textarea
+            value="hi@ionic.io"
+            class="ion-valid has-focus"
+            label="Email"
+            label-placement="stacked"
+            error-text="Please enter a valid email"
+            helper-text="Enter an email"
+            counter="true"
+            maxlength="20"
+          ></ion-textarea>
+        `,
+          config
+        );
+
+        const textarea = page.locator('ion-textarea');
+        await expect(textarea).toHaveScreenshot(screenshot(`textarea-no-fill-valid`));
+      });
+      test('should render invalid state correctly', async ({ page }) => {
+        await page.setContent(
+          `
+          <ion-textarea
+            value="hi@ionic.io"
+            class="ion-touched ion-invalid"
+            label="Email"
+            label-placement="stacked"
+            error-text="Please enter a valid email"
+            helper-text="Enter an email"
+            counter="true"
+            maxlength="20"
+          ></ion-textarea>
+        `,
+          config
+        );
+
+        const textarea = page.locator('ion-textarea');
+        await expect(textarea).toHaveScreenshot(screenshot(`textarea-no-fill-invalid`));
+      });
+    });
+  });
+});
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-custom-highlight-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-custom-highlight-ios-ltr-Mobile-Chrome-linux.png
index 23309da9305..511ac7d8071 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-custom-highlight-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-custom-highlight-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-custom-highlight-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-custom-highlight-ios-ltr-Mobile-Firefox-linux.png
index e3b336e05b5..92d5069ce77 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-custom-highlight-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-custom-highlight-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-custom-highlight-ios-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-custom-highlight-ios-ltr-Mobile-Safari-linux.png
index 336a1ad719a..71fceb3c1d5 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-custom-highlight-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-custom-highlight-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-custom-highlight-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-custom-highlight-md-ltr-Mobile-Chrome-linux.png
index 85f96e5fd8a..fd6af07aa25 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-custom-highlight-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-custom-highlight-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-custom-highlight-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-custom-highlight-md-ltr-Mobile-Firefox-linux.png
index 002d10b0187..321ccdf3207 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-custom-highlight-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-custom-highlight-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-custom-highlight-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-custom-highlight-md-ltr-Mobile-Safari-linux.png
index aed79d1d88d..c5ee138f296 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-custom-highlight-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-custom-highlight-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-ios-ltr-Mobile-Chrome-linux.png
index ee0bef1525d..5e4c0e0918f 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-ios-ltr-Mobile-Firefox-linux.png
index 88e765fdaf5..0d0e5365be3 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-ios-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-ios-ltr-Mobile-Safari-linux.png
index d8a19ab599e..9b1eb2cd4cf 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-md-ltr-Mobile-Chrome-linux.png
index bb2aed4eed8..018014a15f4 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-md-ltr-Mobile-Firefox-linux.png
index c509081884a..4ae33d9a8d0 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-md-ltr-Mobile-Safari-linux.png
index cee4b22ed69..6829c990d49 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-ionic-md-ltr-light-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..989fec91183
Binary files /dev/null and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-ionic-md-ltr-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-ionic-md-ltr-light-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..590e68cb478
Binary files /dev/null and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-ionic-md-ltr-light-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-ionic-md-ltr-light-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..49ef14c8359
Binary files /dev/null and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-ionic-md-ltr-light-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-ios-ltr-Mobile-Chrome-linux.png
index 1e68aadd87f..3b8c09ca29b 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-ios-ltr-Mobile-Firefox-linux.png
index 3323b112c63..272220adb74 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-ios-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-ios-ltr-Mobile-Safari-linux.png
index fa31a8ceafd..8e3e66ae32e 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-md-ltr-Mobile-Chrome-linux.png
index da3dcbf09ec..ac2b40d903d 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-md-ltr-Mobile-Firefox-linux.png
index f00dbadafb3..b29d7a1d937 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-md-ltr-Mobile-Safari-linux.png
index d506f430ddc..4bca1759096 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-ionic-md-ltr-light-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..d339a20cb96
Binary files /dev/null and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-ionic-md-ltr-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-ionic-md-ltr-light-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..74159afbcea
Binary files /dev/null and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-ionic-md-ltr-light-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-ionic-md-ltr-light-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..f04d7cf1e7a
Binary files /dev/null and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-ionic-md-ltr-light-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-ios-ltr-Mobile-Chrome-linux.png
index f3f2d038968..032bd114f34 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-ios-ltr-Mobile-Firefox-linux.png
index 1d28896fbf8..aaff628c861 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-ios-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-ios-ltr-Mobile-Safari-linux.png
index ad6a4c0f3d8..9944f8436f9 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-md-ltr-Mobile-Chrome-linux.png
index f4697137006..e11e2c391da 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-md-ltr-Mobile-Firefox-linux.png
index f0468e24f2b..7cede793315 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-md-ltr-Mobile-Safari-linux.png
index 0ff09a4df53..3cb06671cbb 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-custom-highlight-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-custom-highlight-ios-ltr-Mobile-Chrome-linux.png
index 23309da9305..511ac7d8071 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-custom-highlight-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-custom-highlight-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-custom-highlight-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-custom-highlight-ios-ltr-Mobile-Firefox-linux.png
index e3b336e05b5..92d5069ce77 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-custom-highlight-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-custom-highlight-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-custom-highlight-ios-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-custom-highlight-ios-ltr-Mobile-Safari-linux.png
index 336a1ad719a..71fceb3c1d5 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-custom-highlight-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-custom-highlight-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-custom-highlight-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-custom-highlight-md-ltr-Mobile-Chrome-linux.png
index e934a7d0041..b78af24bcde 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-custom-highlight-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-custom-highlight-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-custom-highlight-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-custom-highlight-md-ltr-Mobile-Firefox-linux.png
index 2fade2bbeb3..321cc93a06c 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-custom-highlight-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-custom-highlight-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-custom-highlight-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-custom-highlight-md-ltr-Mobile-Safari-linux.png
index 4b403ea1851..ac886bee263 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-custom-highlight-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-custom-highlight-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-focus-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-focus-ios-ltr-Mobile-Chrome-linux.png
index ee0bef1525d..5e4c0e0918f 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-focus-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-focus-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-focus-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-focus-ios-ltr-Mobile-Firefox-linux.png
index 88e765fdaf5..0d0e5365be3 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-focus-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-focus-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-focus-ios-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-focus-ios-ltr-Mobile-Safari-linux.png
index d8a19ab599e..9b1eb2cd4cf 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-focus-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-focus-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-focus-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-focus-md-ltr-Mobile-Chrome-linux.png
index fc230fbb450..26d03dcb6c5 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-focus-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-focus-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-focus-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-focus-md-ltr-Mobile-Firefox-linux.png
index 8b8a6060dfa..ae72ebb4b5f 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-focus-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-focus-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-focus-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-focus-md-ltr-Mobile-Safari-linux.png
index d243f1c7a60..cdf5907db8c 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-focus-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-focus-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-invalid-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-invalid-ios-ltr-Mobile-Chrome-linux.png
index 1e68aadd87f..3b8c09ca29b 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-invalid-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-invalid-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-invalid-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-invalid-ios-ltr-Mobile-Firefox-linux.png
index 3323b112c63..272220adb74 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-invalid-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-invalid-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-invalid-ios-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-invalid-ios-ltr-Mobile-Safari-linux.png
index fa31a8ceafd..8e3e66ae32e 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-invalid-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-invalid-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-invalid-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-invalid-md-ltr-Mobile-Chrome-linux.png
index 206ec1b3a82..e73adf60342 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-invalid-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-invalid-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-invalid-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-invalid-md-ltr-Mobile-Firefox-linux.png
index 0b902b6177f..9e7035b0e0d 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-invalid-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-invalid-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-invalid-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-invalid-md-ltr-Mobile-Safari-linux.png
index c5340b078c9..298ca4c788d 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-invalid-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-invalid-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-valid-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-valid-ios-ltr-Mobile-Chrome-linux.png
index f3f2d038968..032bd114f34 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-valid-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-valid-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-valid-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-valid-ios-ltr-Mobile-Firefox-linux.png
index 1d28896fbf8..aaff628c861 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-valid-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-valid-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-valid-ios-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-valid-ios-ltr-Mobile-Safari-linux.png
index ad6a4c0f3d8..9944f8436f9 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-valid-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-valid-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-valid-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-valid-md-ltr-Mobile-Chrome-linux.png
index 6a76ea2d4ec..11759422200 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-valid-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-valid-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-valid-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-valid-md-ltr-Mobile-Firefox-linux.png
index 919dcb0ef99..9100f91e019 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-valid-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-valid-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-valid-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-valid-md-ltr-Mobile-Safari-linux.png
index 4d07cfb3034..6a948cf82c0 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-valid-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-outline-valid-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-custom-highlight-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-custom-highlight-ios-ltr-Mobile-Chrome-linux.png
index 23309da9305..511ac7d8071 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-custom-highlight-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-custom-highlight-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-custom-highlight-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-custom-highlight-ios-ltr-Mobile-Firefox-linux.png
index e3b336e05b5..92d5069ce77 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-custom-highlight-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-custom-highlight-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-custom-highlight-ios-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-custom-highlight-ios-ltr-Mobile-Safari-linux.png
index 336a1ad719a..71fceb3c1d5 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-custom-highlight-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-custom-highlight-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-custom-highlight-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-custom-highlight-md-ltr-Mobile-Chrome-linux.png
index 72a68195bee..dd14704109f 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-custom-highlight-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-custom-highlight-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-custom-highlight-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-custom-highlight-md-ltr-Mobile-Firefox-linux.png
index 3896ada9e49..c0434b8187e 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-custom-highlight-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-custom-highlight-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-custom-highlight-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-custom-highlight-md-ltr-Mobile-Safari-linux.png
index 154956f0c8f..62270bfccf8 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-custom-highlight-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-custom-highlight-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-focus-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-focus-ios-ltr-Mobile-Chrome-linux.png
index ee0bef1525d..5e4c0e0918f 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-focus-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-focus-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-focus-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-focus-ios-ltr-Mobile-Firefox-linux.png
index 88e765fdaf5..0d0e5365be3 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-focus-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-focus-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-focus-ios-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-focus-ios-ltr-Mobile-Safari-linux.png
index d8a19ab599e..9b1eb2cd4cf 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-focus-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-focus-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-focus-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-focus-md-ltr-Mobile-Chrome-linux.png
index 2688ab8592f..44a3fb80d53 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-focus-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-focus-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-focus-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-focus-md-ltr-Mobile-Firefox-linux.png
index a2070910bfc..86533e95a68 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-focus-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-focus-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-focus-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-focus-md-ltr-Mobile-Safari-linux.png
index 826937f183d..9da1c92302a 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-focus-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-focus-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-invalid-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-invalid-ios-ltr-Mobile-Chrome-linux.png
index 1e68aadd87f..3b8c09ca29b 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-invalid-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-invalid-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-invalid-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-invalid-ios-ltr-Mobile-Firefox-linux.png
index 3323b112c63..272220adb74 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-invalid-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-invalid-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-invalid-ios-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-invalid-ios-ltr-Mobile-Safari-linux.png
index fa31a8ceafd..8e3e66ae32e 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-invalid-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-invalid-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-invalid-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-invalid-md-ltr-Mobile-Chrome-linux.png
index 9876df7ea69..41b999d3f3e 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-invalid-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-invalid-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-invalid-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-invalid-md-ltr-Mobile-Firefox-linux.png
index 1a21bce10da..930087642e0 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-invalid-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-invalid-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-invalid-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-invalid-md-ltr-Mobile-Safari-linux.png
index b30b613eba6..75ae442d830 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-invalid-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-invalid-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-valid-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-valid-ios-ltr-Mobile-Chrome-linux.png
index f3f2d038968..032bd114f34 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-valid-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-valid-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-valid-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-valid-ios-ltr-Mobile-Firefox-linux.png
index 1d28896fbf8..aaff628c861 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-valid-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-valid-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-valid-ios-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-valid-ios-ltr-Mobile-Safari-linux.png
index ad6a4c0f3d8..9944f8436f9 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-valid-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-valid-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-valid-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-valid-md-ltr-Mobile-Chrome-linux.png
index 33b425d0f8a..7a80231a26e 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-valid-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-valid-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-valid-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-valid-md-ltr-Mobile-Firefox-linux.png
index 6ced51f536b..11274e591e0 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-valid-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-valid-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-valid-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-valid-md-ltr-Mobile-Safari-linux.png
index 555bfff63ea..61c44c1c5a0 100644
Binary files a/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-valid-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-solid-valid-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-ios-ltr-Mobile-Chrome-linux.png
index 13ac88ef341..6f5101fd987 100644
Binary files a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-ios-ltr-Mobile-Firefox-linux.png
index 213eb5c98ae..edc05bbfb6e 100644
Binary files a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-ios-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-ios-ltr-Mobile-Safari-linux.png
index 96166c85a26..0124c4e6aa0 100644
Binary files a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-ios-rtl-Mobile-Chrome-linux.png
index 919dd3fbb77..27ad73043b6 100644
Binary files a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-ios-rtl-Mobile-Firefox-linux.png
index b49ddef880f..5bb1431360a 100644
Binary files a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-ios-rtl-Mobile-Safari-linux.png b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-ios-rtl-Mobile-Safari-linux.png
index 1c1c81aa9d9..b47f704ff7f 100644
Binary files a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-md-ltr-Mobile-Chrome-linux.png
index 3e72cab468e..d334ee7e97c 100644
Binary files a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-md-ltr-Mobile-Firefox-linux.png
index 8abbf13fe6c..755b82adfe6 100644
Binary files a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-md-ltr-Mobile-Safari-linux.png
index 5623ffe3d95..c43635d6f58 100644
Binary files a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-md-rtl-Mobile-Chrome-linux.png b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-md-rtl-Mobile-Chrome-linux.png
index eae7bda8903..f4b3579c41f 100644
Binary files a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-md-rtl-Mobile-Firefox-linux.png b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-md-rtl-Mobile-Firefox-linux.png
index fde9ddcf0a6..3336e2d78a4 100644
Binary files a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-md-rtl-Mobile-Safari-linux.png b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-md-rtl-Mobile-Safari-linux.png
index 52e7e45c7b2..89b47721bad 100644
Binary files a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-md-rtl-Mobile-Safari-linux.png and b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-inset-list-no-fill-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-ios-ltr-Mobile-Chrome-linux.png
index 5be6e9f2363..6a2840ce37f 100644
Binary files a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-ios-ltr-Mobile-Firefox-linux.png
index f83e07c3077..3fa4f776c8e 100644
Binary files a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-ios-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-ios-ltr-Mobile-Safari-linux.png
index efb9f42d6f5..6d03613ba60 100644
Binary files a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-ios-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-ios-rtl-Mobile-Chrome-linux.png b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-ios-rtl-Mobile-Chrome-linux.png
index e32122701d7..2eece5a1d87 100644
Binary files a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-ios-rtl-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-ios-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-ios-rtl-Mobile-Firefox-linux.png b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-ios-rtl-Mobile-Firefox-linux.png
index df1ba440283..3560057e67e 100644
Binary files a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-ios-rtl-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-ios-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-ios-rtl-Mobile-Safari-linux.png b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-ios-rtl-Mobile-Safari-linux.png
index 72495e8f744..2d7c30ea964 100644
Binary files a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-ios-rtl-Mobile-Safari-linux.png and b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-ios-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-md-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-md-ltr-Mobile-Chrome-linux.png
index a03938f6b66..44ec88be467 100644
Binary files a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-md-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-md-ltr-Mobile-Firefox-linux.png
index b2556b4d942..5eb2aac9d35 100644
Binary files a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-md-ltr-Mobile-Safari-linux.png b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-md-ltr-Mobile-Safari-linux.png
index 7d96d339554..a582e2b715a 100644
Binary files a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-md-ltr-Mobile-Safari-linux.png and b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-md-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-md-rtl-Mobile-Chrome-linux.png b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-md-rtl-Mobile-Chrome-linux.png
index fde2ccf72e5..07fa49fa653 100644
Binary files a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-md-rtl-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-md-rtl-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-md-rtl-Mobile-Firefox-linux.png b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-md-rtl-Mobile-Firefox-linux.png
index d2920d06964..e35efb750f3 100644
Binary files a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-md-rtl-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-md-rtl-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-md-rtl-Mobile-Safari-linux.png b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-md-rtl-Mobile-Safari-linux.png
index 228e2acafaf..16408e8519d 100644
Binary files a/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-md-rtl-Mobile-Safari-linux.png and b/core/src/components/textarea/test/item/textarea.e2e.ts-snapshots/textarea-list-no-fill-md-rtl-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/states/index.html b/core/src/components/textarea/test/states/index.html
index 815cad055f3..76cc7b39f01 100644
--- a/core/src/components/textarea/test/states/index.html
+++ b/core/src/components/textarea/test/states/index.html
@@ -2,7 +2,7 @@
 <html lang="en" dir="ltr">
   <head>
     <meta charset="UTF-8" />
-    <title>Textarea - Disabled</title>
+    <title>Textarea - States</title>
     <meta
       name="viewport"
       content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
@@ -49,13 +49,127 @@
           <div class="grid-item">
             <h2>Readonly</h2>
 
-            <ion-textarea label="Email" value="hi@ionic.io" readonly="true"></ion-textarea>
+            <ion-textarea
+              label="Email"
+              label-placement="stacked"
+              value="hi@ionic.io"
+              counter="true"
+              maxlength="99"
+              helper-text="Helper text"
+              error-text="Error text"
+              readonly="true"
+            ></ion-textarea>
+          </div>
+
+          <div class="grid-item">
+            <h2>Readonly: Valid</h2>
+
+            <ion-textarea
+              label="Email"
+              label-placement="stacked"
+              value="hi@ionic.io"
+              counter="true"
+              maxlength="99"
+              helper-text="Helper text"
+              error-text="Error text"
+              readonly="true"
+              class="ion-valid has-focus"
+            ></ion-textarea>
+          </div>
+
+          <div class="grid-item">
+            <h2>Readonly: Invalid</h2>
+
+            <ion-textarea
+              label="Email"
+              label-placement="stacked"
+              value="hi@ionic.io"
+              counter="true"
+              maxlength="99"
+              helper-text="Helper text"
+              error-text="Error text"
+              readonly="true"
+              class="ion-invalid ion-touched"
+            ></ion-textarea>
+          </div>
+
+          <div class="grid-item">
+            <h2>Readonly: Color</h2>
+
+            <ion-textarea
+              color="warning"
+              label="Email"
+              label-placement="stacked"
+              value="hi@ionic.io"
+              counter="true"
+              maxlength="99"
+              helper-text="Helper text"
+              error-text="Error text"
+              readonly="true"
+            ></ion-textarea>
           </div>
 
           <div class="grid-item">
             <h2>Disabled</h2>
 
-            <ion-textarea label="Email" value="hi@ionic.io" disabled="true"></ion-textarea>
+            <ion-textarea
+              label="Email"
+              label-placement="stacked"
+              value="hi@ionic.io"
+              counter="true"
+              maxlength="99"
+              helper-text="Helper text"
+              error-text="Error text"
+              disabled="true"
+            ></ion-textarea>
+          </div>
+
+          <div class="grid-item">
+            <h2>Disabled: Valid</h2>
+
+            <ion-textarea
+              label="Email"
+              label-placement="stacked"
+              value="hi@ionic.io"
+              counter="true"
+              maxlength="99"
+              helper-text="Helper text"
+              error-text="Error text"
+              disabled="true"
+              class="ion-valid has-focus"
+            ></ion-textarea>
+          </div>
+
+          <div class="grid-item">
+            <h2>Disabled: Invalid</h2>
+
+            <ion-textarea
+              label="Email"
+              label-placement="stacked"
+              value="hi@ionic.io"
+              counter="true"
+              maxlength="99"
+              helper-text="Helper text"
+              error-text="Error text"
+              disabled="true"
+              class="ion-invalid ion-touched"
+            ></ion-textarea>
+          </div>
+
+          <div class="grid-item">
+            <h2>Disabled: Color</h2>
+
+            <ion-textarea
+              color="warning"
+              label="Email"
+              label-placement="stacked"
+              value="hi@ionic.io"
+              counter="true"
+              maxlength="99"
+              helper-text="Helper text"
+              error-text="Error text"
+              disabled="true"
+            ></ion-textarea>
           </div>
         </div>
       </ion-content>
diff --git a/core/src/components/textarea/test/states/textarea.e2e.ts b/core/src/components/textarea/test/states/textarea.e2e.ts
index 942044e71d4..b816771245c 100644
--- a/core/src/components/textarea/test/states/textarea.e2e.ts
+++ b/core/src/components/textarea/test/states/textarea.e2e.ts
@@ -1,7 +1,7 @@
 import { expect } from '@playwright/test';
 import { configs, test } from '@utils/test/playwright';
 
-configs({ modes: ['ios', 'md', 'ionic-md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
   test.describe(title('textarea: states'), () => {
     test('should render readonly textarea correctly', async ({ page }) => {
       await page.setContent(
@@ -30,19 +30,127 @@ configs({ modes: ['ios', 'md', 'ionic-md'], directions: ['ltr'] }).forEach(({ ti
 });
 
 configs({ modes: ['ionic-md'], directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
-  test.describe(title('focused'), () => {
-    test('should render focused textarea correctly', async ({ page }) => {
-      await page.setContent(
-        `
-        <div class="container ion-padding">
-          <ion-textarea fill="outline" value="hi@ionic.io" class="has-focus"></ion-textarea>
-        </div>
-      `,
-        config
-      );
+  test.describe(title('textarea: states'), () => {
+    test.describe(title('disabled'), () => {
+      test.describe(title('no fill'), () => {
+        test('should render disabled textarea correctly', async ({ page }) => {
+          await page.setContent(
+            `
+            <div class="container">
+              <ion-textarea
+                label="Email"
+                label-placement="stacked"
+                value="hi@ionic.io"
+                helper-text="Enter an email"
+                counter="true"
+                maxlength="20"
+                disabled="true"
+              ></ion-textarea>
+
+              <ion-textarea
+                label="Email"
+                label-placement="stacked"
+                value="hi@ionic.io"
+                helper-text="Enter an email"
+                counter="true"
+                maxlength="20"
+                class="ion-valid has-focus"
+                disabled="true"
+              ></ion-textarea>
+
+              <ion-textarea
+                label="Email"
+                label-placement="stacked"
+                value="hi@ionic.io"
+                error-text="Please enter a valid email"
+                counter="true"
+                maxlength="20"
+                class="ion-touched ion-invalid"
+                disabled="true"
+              ></ion-textarea>
+
+              <ion-textarea
+                label="Email"
+                label-placement="stacked"
+                value="hi@ionic.io"
+                helper-text="Enter an email"
+                counter="true"
+                maxlength="20"
+                disabled="true"
+                color="warning"
+              ></ion-textarea>
+            </div>
+          `,
+            config
+          );
+
+          // Set the viewport size taller to capture all of the textareas
+          await page.setViewportSize({ width: 393, height: 800 });
+
+          const container = page.locator('.container');
+          await expect(container).toHaveScreenshot(screenshot(`textarea-disabled-no-fill`));
+        });
+      });
+    });
+
+    test.describe(title('focused'), () => {
+      test('should render focused textarea correctly', async ({ page }) => {
+        await page.setContent(
+          `
+          <div class="container">
+            <ion-textarea
+              label="Email"
+              value="hi@ionic.io"
+              helper-text="Enter an email"
+              counter="true"
+              maxlength="20"
+              class="has-focus"
+            ></ion-textarea>
+
+            <ion-textarea
+              fill="outline"
+              label="Email"
+              label-placement="stacked"
+              value="hi@ionic.io"
+              helper-text="Enter an email"
+              counter="true"
+              maxlength="20"
+              class="has-focus"
+            ></ion-textarea>
+          </div>
+        `,
+          config
+        );
+
+        const container = page.locator('.container');
+        await expect(container).toHaveScreenshot(screenshot(`textarea-focused`));
+      });
+    });
+
+    test.describe(title('readonly'), () => {
+      test.describe(title('no fill'), () => {
+        test('should render readonly textarea correctly', async ({ page }) => {
+          await page.setContent(
+            `
+            <div class="container">
+              <ion-textarea
+                label="Email"
+                label-placement="stacked"
+                value="hi@ionic.io"
+                helper-text="Enter an email"
+                counter="true"
+                maxlength="20"
+                readonly="true"
+              ></ion-textarea>
+            </div>
+          `,
+            config
+          );
 
-      const container = page.locator('.container');
-      await expect(container).toHaveScreenshot(screenshot(`textarea-focused`));
+          const container = page.locator('.container');
+          await expect(container).toHaveScreenshot(screenshot(`textarea-readonly-no-fill`));
+        });
+      });
     });
   });
 });
diff --git a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png
deleted file mode 100644
index 29daa819f41..00000000000
Binary files a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-ionic-md-ltr-light-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png
deleted file mode 100644
index db2d1c9673c..00000000000
Binary files a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-ionic-md-ltr-light-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png
deleted file mode 100644
index fb89e60246f..00000000000
Binary files a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-ionic-md-ltr-light-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-ios-ltr-Mobile-Chrome-linux.png
index 14869611ccd..63504d29163 100644
Binary files a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-ios-ltr-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-ios-ltr-Mobile-Firefox-linux.png
index 1c61dfd8d54..382a3deac4a 100644
Binary files a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-ios-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-md-ltr-Mobile-Firefox-linux.png b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-md-ltr-Mobile-Firefox-linux.png
index f7d0007fc57..6df72f4e931 100644
Binary files a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-md-ltr-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-no-fill-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-no-fill-ionic-md-ltr-light-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..91d06630066
Binary files /dev/null and b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-no-fill-ionic-md-ltr-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-no-fill-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-no-fill-ionic-md-ltr-light-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..f792f80940d
Binary files /dev/null and b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-no-fill-ionic-md-ltr-light-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-no-fill-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-no-fill-ionic-md-ltr-light-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..4c8aac68518
Binary files /dev/null and b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-disabled-no-fill-ionic-md-ltr-light-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png
index b8f358d8699..0496b400c96 100644
Binary files a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png and b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png
index 8bff7a64ab3..9211b6c22f7 100644
Binary files a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png and b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-focused-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-focused-ionic-md-ltr-light-Mobile-Safari-linux.png
index 3f5d933c1c3..b04650787c9 100644
Binary files a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-focused-ionic-md-ltr-light-Mobile-Safari-linux.png and b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-focused-ionic-md-ltr-light-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-readonly-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-readonly-ionic-md-ltr-light-Mobile-Chrome-linux.png
deleted file mode 100644
index dde213c2d5f..00000000000
Binary files a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-readonly-ionic-md-ltr-light-Mobile-Chrome-linux.png and /dev/null differ
diff --git a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-readonly-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-readonly-ionic-md-ltr-light-Mobile-Firefox-linux.png
deleted file mode 100644
index 8dbc9ac6e48..00000000000
Binary files a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-readonly-ionic-md-ltr-light-Mobile-Firefox-linux.png and /dev/null differ
diff --git a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-readonly-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-readonly-ionic-md-ltr-light-Mobile-Safari-linux.png
deleted file mode 100644
index 0a65643ca9e..00000000000
Binary files a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-readonly-ionic-md-ltr-light-Mobile-Safari-linux.png and /dev/null differ
diff --git a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-readonly-no-fill-ionic-md-ltr-light-Mobile-Chrome-linux.png b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-readonly-no-fill-ionic-md-ltr-light-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..2f43f6f07f9
Binary files /dev/null and b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-readonly-no-fill-ionic-md-ltr-light-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-readonly-no-fill-ionic-md-ltr-light-Mobile-Firefox-linux.png b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-readonly-no-fill-ionic-md-ltr-light-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..d9601b09e7d
Binary files /dev/null and b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-readonly-no-fill-ionic-md-ltr-light-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-readonly-no-fill-ionic-md-ltr-light-Mobile-Safari-linux.png b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-readonly-no-fill-ionic-md-ltr-light-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..af4f5eaceb8
Binary files /dev/null and b/core/src/components/textarea/test/states/textarea.e2e.ts-snapshots/textarea-readonly-no-fill-ionic-md-ltr-light-Mobile-Safari-linux.png differ
diff --git a/core/src/components/textarea/textarea.common.scss b/core/src/components/textarea/textarea.common.scss
index 90725df5b8e..69ed9bde521 100644
--- a/core/src/components/textarea/textarea.common.scss
+++ b/core/src/components/textarea/textarea.common.scss
@@ -351,8 +351,6 @@
 
   border-top: var(--border-width) var(--border-style) var(--border-color);
 
-  font-size: dynamic-font(12px);
-
   white-space: normal;
 }
 
@@ -381,8 +379,6 @@
 
 .textarea-bottom .helper-text {
   display: block;
-
-  color: $text-color-step-300;
 }
 
 :host(.ion-touched.ion-invalid) .textarea-bottom .error-text {
diff --git a/core/src/components/textarea/textarea.ionic.scss b/core/src/components/textarea/textarea.ionic.scss
index 32d0d055b06..2c08729896c 100644
--- a/core/src/components/textarea/textarea.ionic.scss
+++ b/core/src/components/textarea/textarea.ionic.scss
@@ -134,6 +134,10 @@ ion-icon {
   color: globals.$ion-primitives-neutral-800;
 }
 
+:host(.has-focus.ion-valid) .helper-text {
+  color: var(--highlight-color-valid);
+}
+
 :host(.has-focus.ion-valid),
 :host(.ion-touched.ion-invalid) {
   --border-width: #{globals.$ion-border-size-025};
@@ -190,7 +194,24 @@ ion-icon {
 :host(.textarea-disabled:not(.ion-valid)) .textarea-bottom .helper-text,
 :host(.textarea-disabled) .textarea-bottom .counter,
 :host(.textarea-disabled) .label-text-wrapper {
-  color: globals.$ion-primitives-neutral-500;
+  color: globals.$ion-text-disabled;
+}
+
+:host(.textarea-disabled.has-focus.ion-valid) {
+  --border-color: rgba(#{globals.$ion-semantics-success-base-rgb}, 0.6);
+}
+
+:host(.textarea-disabled.ion-touched.ion-invalid) {
+  --border-color: rgba(#{globals.$ion-semantics-danger-base-rgb}, 0.6);
+}
+
+:host(.textarea-disabled.ion-color) {
+  --border-color: #{globals.current-color(base, 0.6)};
+}
+
+:host(.textarea-disabled.has-focus.ion-valid) .textarea-bottom .helper-text,
+:host(.textarea-disabled.ion-touched.ion-invalid) .error-text {
+  opacity: 0.6;
 }
 
 // Textarea - Readonly
diff --git a/core/src/components/textarea/textarea.native.scss b/core/src/components/textarea/textarea.native.scss
index 32cab095c85..df1220f784b 100644
--- a/core/src/components/textarea/textarea.native.scss
+++ b/core/src/components/textarea/textarea.native.scss
@@ -57,11 +57,18 @@
   font-size: globals.dynamic-font(12px);
 }
 
+// Textarea Hint Text
+// ----------------------------------------------------------------
+
+.textarea-bottom .helper-text {
+  color: globals.$text-color-step-300;
+}
+
 // Textarea Max Length Counter
 // ----------------------------------------------------------------
 
 .textarea-bottom .counter {
-  color: #{globals.$text-color-step-450};
+  color: globals.$text-color-step-300;
 
   padding-inline-start: 16px;
 }