diff --git a/core/src/components/textarea/textarea.scss b/core/src/components/textarea/textarea.scss
index 0b9a29a4fc..704b897bc4 100644
--- a/core/src/components/textarea/textarea.scss
+++ b/core/src/components/textarea/textarea.scss
@@ -124,8 +124,6 @@
   resize: none;
   appearance: none;
 
-  overflow: hidden;
-
   &::placeholder {
     @include padding(0);
 
@@ -168,7 +166,7 @@
   opacity: 1;
 }
 
-:host([auto-grow]) .cloned-input {
+:host([auto-grow="true"]) .cloned-input {
   // Workaround for webkit rendering issue with scroll assist.
   // When cloning the textarea and scrolling into view,
   // a white box is rendered from the difference in height
@@ -191,3 +189,7 @@
 
   opacity: 1;
 }
+
+:host([auto-grow="true"]) .native-textarea {
+  overflow: hidden;
+}