diff --git a/src/components/input-number/input-number.scss b/src/components/input-number/input-number.scss
index ea965f7e81e..6991541436a 100755
--- a/src/components/input-number/input-number.scss
+++ b/src/components/input-number/input-number.scss
@@ -163,7 +163,9 @@
   @apply transition-default
     pointer-events-none
     absolute
-    block;
+    block
+
+    z-default; // needed for firefox to display the icon properly
 }
 
 .clear-button {
diff --git a/src/components/input-text/input-text.scss b/src/components/input-text/input-text.scss
index cd747daae24..4b8a3a40437 100755
--- a/src/components/input-text/input-text.scss
+++ b/src/components/input-text/input-text.scss
@@ -160,7 +160,9 @@ input:focus {
   @apply transition-default
     pointer-events-none
     absolute
-    block;
+    block
+
+    z-default; // needed for firefox to display the icon properly
 }
 
 // hide browser default clear
diff --git a/src/components/input/input.scss b/src/components/input/input.scss
index e37f37cf151..c938e4f1aff 100755
--- a/src/components/input/input.scss
+++ b/src/components/input/input.scss
@@ -219,6 +219,11 @@
     block;
 }
 
+.icon,
+.resize-icon-wrapper {
+  @apply z-default; // needed for firefox to display the icon properly
+}
+
 // hide browser default clear
 
 input[type="text"]::-ms-clear,