diff --git a/core/src/components/textarea/textarea.ionic.scss b/core/src/components/textarea/textarea.ionic.scss
index d3b16190fb..6d9450a4af 100644
--- a/core/src/components/textarea/textarea.ionic.scss
+++ b/core/src/components/textarea/textarea.ionic.scss
@@ -29,35 +29,39 @@
 
 // Setting height to 0 allows it to collapse in height
 // instead of growing above the min height by default.
-.textarea-wrapper-inner {
-  height: 0;
+// .textarea-wrapper-inner {
+//   height: 0;
+// }
+
+:host .native-wrapper::after  {
+  @include globals.padding(0);
 }
 
 :host(.textarea-size-small) .textarea-wrapper-inner {
   --padding-top: #{globals.$ion-space-200};
   --padding-end: #{globals.$ion-space-300};
-  --padding-bottom: #{globals.$ion-space-200};
+  --padding-bottom: calc(#{globals.$ion-space-200} + 0.6em);
   --padding-start: #{globals.$ion-space-300};
 
-  min-height: globals.$ion-scale-2800;
+  //min-height: globals.$ion-scale-2800;
 }
 
 :host(.textarea-size-medium) .textarea-wrapper-inner {
   --padding-top: #{globals.$ion-space-300};
   --padding-end: #{globals.$ion-space-400};
-  --padding-bottom: #{globals.$ion-space-300};
+  --padding-bottom: calc(#{globals.$ion-space-300} + 0.6em);
   --padding-start: #{globals.$ion-space-400};
 
-  min-height: globals.$ion-scale-3400;
+  //min-height: globals.$ion-scale-3400;
 }
 
 :host(.textarea-size-large) .textarea-wrapper-inner {
   --padding-top: #{globals.$ion-space-400};
   --padding-end: #{globals.$ion-space-500};
-  --padding-bottom: #{globals.$ion-space-400};
+  --padding-bottom: calc(#{globals.$ion-space-400} + 0.6em);
   --padding-start: #{globals.$ion-space-500};
 
-  min-height: globals.$ion-scale-3600;
+  //min-height: globals.$ion-scale-3600;
 }
 
 // Ionic Textarea Shapes