diff --git a/core/src/components/textarea/test/standalone/index.html b/core/src/components/textarea/test/standalone/index.html
index 751d94bf148..8923dce0085 100644
--- a/core/src/components/textarea/test/standalone/index.html
+++ b/core/src/components/textarea/test/standalone/index.html
@@ -16,6 +16,7 @@
   <ion-textarea value="value"></ion-textarea>
   <ion-textarea value="44"></ion-textarea>
   <ion-textarea placeholder="Custom" class="custom"></ion-textarea>
+  <ion-textarea id="nowrap" rows="15"></ion-textarea>
   <ion-textarea placeholder="Auto Grow!" auto-grow="true"></ion-textarea>
 
   <style>
@@ -23,6 +24,35 @@
       --background: papayawhip;
       --color: blue;
     }
+
+    #nowrap {
+      font-size: 8px;
+      font-family: monospace;
+      font-weight: bold;
+
+      white-space: nowrap;
+    }
   </style>
+
+  <script>
+    var textarea = document.querySelector('#nowrap');
+
+    textarea.value =
+`@@@@@@@////////////////@@@(/#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
+@@@@/////@@@@@@@@@@@@@@@///////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
+@@@////@@@@@@@@@@@@@@@@@///////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
+@(///@@@@@@@@@@@@@@@@@@@@/////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
+@///@@@@@@@(/////////&@@@@@@@@//@@@@@@@@@@///#@@@@//////////@@@@/////////////@@@////@@@@//////////@
+///@@@@@@@/////////////@@@@@@@///@@@@@@@@@///#@@////@@@@@////(@@/////@@@@@////@@////@@(////@@@@,///
+///@@@@@@///////////////@@@@@@///@@@@@@@@@///#@////@@@@@@@@///@@////@@@@@@@///@@////@@///@@@@@@@@@@
+///@@@@@@///////////////@@@@@@///@@@@@@@@@///#@////@@@@@@@@///@@////@@@@@@@///@@////@#///@@@@@@@@@@
+///@@@@@@///////////////@@@@@@///@@@@@@@@@///#@////@@@@@@@@///@@////@@@@@@@///@@////@@///@@@@@@@@@@
+///@@@@@@@/////////////@@@@@@(///@@@@@@@@@///#@@/////@@@@////@@@////@@@@@@@///@@////@@@////@@@@////
+@///@@@@@@@@/////////@@@@@@@@///@@@@@@@@@@///#@@@@//////////@@@@////@@@@@@@///@@////@@@@//////////@
+@@///@@@@@@@@@@@@@@@@@@@@@@#///@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
+@@@////@@@@@@@@@@@@@@@@@@@////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
+@@@@@/////@@@@@@@@@@@@@/////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
+@@@@@@@///////////////////@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@`;
+  </script>
 </body>
 </html>
diff --git a/core/src/components/textarea/textarea.scss b/core/src/components/textarea/textarea.scss
index 7f7cffa1308..718b69474f7 100644
--- a/core/src/components/textarea/textarea.scss
+++ b/core/src/components/textarea/textarea.scss
@@ -42,6 +42,8 @@
 
   font-family: $font-family-base;
 
+  white-space: pre-wrap;
+
   z-index: $z-index-item-input;
 }
 
@@ -89,8 +91,6 @@
   resize: none;
   appearance: none;
 
-  white-space: pre-wrap;
-
   &::placeholder {
     color: var(--placeholder-color);
 
@@ -120,4 +120,4 @@
   position: absolute;
 
   pointer-events: none;
-}
\ No newline at end of file
+}