diff --git a/core/src/components/input/input.scss b/core/src/components/input/input.scss
index 42b882c572..26a6f9d501 100644
--- a/core/src/components/input/input.scss
+++ b/core/src/components/input/input.scss
@@ -177,7 +177,7 @@
 // otherwise the .input-cover will not be rendered at all
 // The input cover is not clickable when the input is disabled
 .cloned-input {
-  @include position(0, null, null, 0);
+  @include position(0, null, 0, 0);
 
   position: absolute;
 
@@ -307,6 +307,8 @@
 .native-wrapper {
   display: flex;
 
+  position: relative;
+
   flex-grow: 1;
 
   width: 100%;
diff --git a/core/src/components/textarea/textarea.scss b/core/src/components/textarea/textarea.scss
index ffc0c5f51a..f7ae9fe3e1 100644
--- a/core/src/components/textarea/textarea.scss
+++ b/core/src/components/textarea/textarea.scss
@@ -190,7 +190,7 @@
 // otherwise the .input-cover will not be rendered at all
 // The input cover is not clickable when the input is disabled
 .cloned-input {
-  @include position(0, null, null, 0);
+  @include position(0, null, 0, 0);
 
   position: absolute;
 
@@ -269,6 +269,8 @@
 .native-wrapper {
   display: flex;
 
+  position: relative;
+
   flex-grow: 1;
 
   width: 100%;