From 585642fd9bc35273f3d54daeb4a248ede3a1df1f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Tue, 18 Apr 2023 12:00:13 +0300
Subject: [PATCH] Refactor #3832 - Password svg style updates

---
 components/lib/inputtext/InputText.css          | 4 +++-
 public/themes/arya-blue/theme.css               | 2 ++
 public/themes/arya-green/theme.css              | 2 ++
 public/themes/arya-orange/theme.css             | 2 ++
 public/themes/arya-purple/theme.css             | 2 ++
 public/themes/bootstrap4-dark-blue/theme.css    | 2 ++
 public/themes/bootstrap4-dark-purple/theme.css  | 2 ++
 public/themes/bootstrap4-light-blue/theme.css   | 2 ++
 public/themes/bootstrap4-light-purple/theme.css | 2 ++
 public/themes/fluent-light/theme.css            | 2 ++
 public/themes/lara-dark-blue/theme.css          | 2 ++
 public/themes/lara-dark-indigo/theme.css        | 2 ++
 public/themes/lara-dark-purple/theme.css        | 2 ++
 public/themes/lara-dark-teal/theme.css          | 2 ++
 public/themes/lara-light-blue/theme.css         | 2 ++
 public/themes/lara-light-indigo/theme.css       | 2 ++
 public/themes/lara-light-purple/theme.css       | 2 ++
 public/themes/lara-light-teal/theme.css         | 2 ++
 public/themes/luna-amber/theme.css              | 2 ++
 public/themes/luna-blue/theme.css               | 2 ++
 public/themes/luna-green/theme.css              | 2 ++
 public/themes/luna-pink/theme.css               | 2 ++
 public/themes/md-dark-deeppurple/theme.css      | 2 ++
 public/themes/md-dark-indigo/theme.css          | 2 ++
 public/themes/md-light-deeppurple/theme.css     | 2 ++
 public/themes/md-light-indigo/theme.css         | 2 ++
 public/themes/mdc-dark-deeppurple/theme.css     | 2 ++
 public/themes/mdc-dark-indigo/theme.css         | 2 ++
 public/themes/mdc-light-deeppurple/theme.css    | 2 ++
 public/themes/mdc-light-indigo/theme.css        | 2 ++
 public/themes/mira/theme.css                    | 2 ++
 public/themes/nano/theme.css                    | 2 ++
 public/themes/nova-accent/theme.css             | 2 ++
 public/themes/nova-alt/theme.css                | 2 ++
 public/themes/nova-vue/theme.css                | 2 ++
 public/themes/nova/theme.css                    | 2 ++
 public/themes/rhea/theme.css                    | 2 ++
 public/themes/saga-blue/theme.css               | 2 ++
 public/themes/saga-green/theme.css              | 2 ++
 public/themes/saga-orange/theme.css             | 2 ++
 public/themes/saga-purple/theme.css             | 2 ++
 public/themes/soho-dark/theme.css               | 2 ++
 public/themes/soho-light/theme.css              | 2 ++
 public/themes/tailwind-light/theme.css          | 2 ++
 public/themes/vela-blue/theme.css               | 2 ++
 public/themes/vela-green/theme.css              | 2 ++
 public/themes/vela-orange/theme.css             | 2 ++
 public/themes/vela-purple/theme.css             | 2 ++
 public/themes/viva-dark/theme.css               | 2 ++
 public/themes/viva-light/theme.css              | 2 ++
 50 files changed, 101 insertions(+), 1 deletion(-)

diff --git a/components/lib/inputtext/InputText.css b/components/lib/inputtext/InputText.css
index 6d120b788..946091252 100755
--- a/components/lib/inputtext/InputText.css
+++ b/components/lib/inputtext/InputText.css
@@ -91,7 +91,9 @@
 }
 
 .p-input-icon-left > i,
-.p-input-icon-right > i {
+.p-input-icon-left > svg,
+.p-input-icon-right > i,
+.p-input-icon-right > svg {
     position: absolute;
     top: 50%;
     margin-top: -.5rem;
diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css
index aae6a5f86..c1bc5cd94 100644
--- a/public/themes/arya-blue/theme.css
+++ b/public/themes/arya-blue/theme.css
@@ -1124,6 +1124,7 @@
   color: #ef9a9a;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.5rem;
   color: rgba(255, 255, 255, 0.6);
@@ -1137,6 +1138,7 @@
   left: 2rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.5rem;
   color: rgba(255, 255, 255, 0.6);
diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css
index 5d791790b..faa9c1d82 100644
--- a/public/themes/arya-green/theme.css
+++ b/public/themes/arya-green/theme.css
@@ -1124,6 +1124,7 @@
   color: #ef9a9a;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.5rem;
   color: rgba(255, 255, 255, 0.6);
@@ -1137,6 +1138,7 @@
   left: 2rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.5rem;
   color: rgba(255, 255, 255, 0.6);
diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css
index 2fb5e4e06..a5b65ad66 100644
--- a/public/themes/arya-orange/theme.css
+++ b/public/themes/arya-orange/theme.css
@@ -1124,6 +1124,7 @@
   color: #ef9a9a;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.5rem;
   color: rgba(255, 255, 255, 0.6);
@@ -1137,6 +1138,7 @@
   left: 2rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.5rem;
   color: rgba(255, 255, 255, 0.6);
diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css
index 2da8c1ead..88ee0adb2 100644
--- a/public/themes/arya-purple/theme.css
+++ b/public/themes/arya-purple/theme.css
@@ -1124,6 +1124,7 @@
   color: #ef9a9a;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.5rem;
   color: rgba(255, 255, 255, 0.6);
@@ -1137,6 +1138,7 @@
   left: 2rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.5rem;
   color: rgba(255, 255, 255, 0.6);
diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css
index 39da50de6..e66dd8668 100644
--- a/public/themes/bootstrap4-dark-blue/theme.css
+++ b/public/themes/bootstrap4-dark-blue/theme.css
@@ -1128,6 +1128,7 @@
   color: #f19ea6;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
@@ -1141,6 +1142,7 @@
   left: 2.5rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css
index 3d770dea7..89058343f 100644
--- a/public/themes/bootstrap4-dark-purple/theme.css
+++ b/public/themes/bootstrap4-dark-purple/theme.css
@@ -1128,6 +1128,7 @@
   color: #f19ea6;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
@@ -1141,6 +1142,7 @@
   left: 2.5rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css
index 9be71ef8d..99ee0b714 100644
--- a/public/themes/bootstrap4-light-blue/theme.css
+++ b/public/themes/bootstrap4-light-blue/theme.css
@@ -1128,6 +1128,7 @@
   color: #dc3545;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: #495057;
@@ -1141,6 +1142,7 @@
   left: 2.5rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.75rem;
   color: #495057;
diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css
index fb9df2910..e5d91fadb 100644
--- a/public/themes/bootstrap4-light-purple/theme.css
+++ b/public/themes/bootstrap4-light-purple/theme.css
@@ -1128,6 +1128,7 @@
   color: #dc3545;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: #495057;
@@ -1141,6 +1142,7 @@
   left: 2.5rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.75rem;
   color: #495057;
diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css
index 877945193..95233d3d2 100644
--- a/public/themes/fluent-light/theme.css
+++ b/public/themes/fluent-light/theme.css
@@ -1124,6 +1124,7 @@
   color: #a4252c;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.5rem;
   color: #605e5c;
@@ -1137,6 +1138,7 @@
   left: 2rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.5rem;
   color: #605e5c;
diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css
index 612599e4b..304936176 100644
--- a/public/themes/lara-dark-blue/theme.css
+++ b/public/themes/lara-dark-blue/theme.css
@@ -1124,6 +1124,7 @@
   color: #FCA5A5;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
@@ -1137,6 +1138,7 @@
   left: 2.5rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
diff --git a/public/themes/lara-dark-indigo/theme.css b/public/themes/lara-dark-indigo/theme.css
index 4afbea4f2..90b13f5c8 100644
--- a/public/themes/lara-dark-indigo/theme.css
+++ b/public/themes/lara-dark-indigo/theme.css
@@ -1124,6 +1124,7 @@
   color: #FCA5A5;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
@@ -1137,6 +1138,7 @@
   left: 2.5rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
diff --git a/public/themes/lara-dark-purple/theme.css b/public/themes/lara-dark-purple/theme.css
index 308af5af7..5625a04a1 100644
--- a/public/themes/lara-dark-purple/theme.css
+++ b/public/themes/lara-dark-purple/theme.css
@@ -1124,6 +1124,7 @@
   color: #FCA5A5;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
@@ -1137,6 +1138,7 @@
   left: 2.5rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css
index 033bc4b1d..e084f37ed 100644
--- a/public/themes/lara-dark-teal/theme.css
+++ b/public/themes/lara-dark-teal/theme.css
@@ -1124,6 +1124,7 @@
   color: #FCA5A5;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
@@ -1137,6 +1138,7 @@
   left: 2.5rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
diff --git a/public/themes/lara-light-blue/theme.css b/public/themes/lara-light-blue/theme.css
index 6da6ec3ca..36b74f642 100644
--- a/public/themes/lara-light-blue/theme.css
+++ b/public/themes/lara-light-blue/theme.css
@@ -1124,6 +1124,7 @@
   color: #e24c4c;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: #6c757d;
@@ -1137,6 +1138,7 @@
   left: 2.5rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.75rem;
   color: #6c757d;
diff --git a/public/themes/lara-light-indigo/theme.css b/public/themes/lara-light-indigo/theme.css
index d68e21ee1..24f4e5e20 100644
--- a/public/themes/lara-light-indigo/theme.css
+++ b/public/themes/lara-light-indigo/theme.css
@@ -1124,6 +1124,7 @@
   color: #e24c4c;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: #6c757d;
@@ -1137,6 +1138,7 @@
   left: 2.5rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.75rem;
   color: #6c757d;
diff --git a/public/themes/lara-light-purple/theme.css b/public/themes/lara-light-purple/theme.css
index 30ac86d06..eb80157f8 100644
--- a/public/themes/lara-light-purple/theme.css
+++ b/public/themes/lara-light-purple/theme.css
@@ -1124,6 +1124,7 @@
   color: #e24c4c;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: #6c757d;
@@ -1137,6 +1138,7 @@
   left: 2.5rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.75rem;
   color: #6c757d;
diff --git a/public/themes/lara-light-teal/theme.css b/public/themes/lara-light-teal/theme.css
index 4e7881630..9c58465a2 100644
--- a/public/themes/lara-light-teal/theme.css
+++ b/public/themes/lara-light-teal/theme.css
@@ -1124,6 +1124,7 @@
   color: #e24c4c;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: #6c757d;
@@ -1137,6 +1138,7 @@
   left: 2.5rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.75rem;
   color: #6c757d;
diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index c896657f5..f060d79c1 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -1128,6 +1128,7 @@
   color: #e57373;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.429rem;
   color: #888888;
@@ -1141,6 +1142,7 @@
   left: 1.858rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.429rem;
   color: #888888;
diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css
index 0b15bd4b5..576c67764 100644
--- a/public/themes/luna-blue/theme.css
+++ b/public/themes/luna-blue/theme.css
@@ -1128,6 +1128,7 @@
   color: #e57373;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.429rem;
   color: #888888;
@@ -1141,6 +1142,7 @@
   left: 1.858rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.429rem;
   color: #888888;
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index 49938e368..41bbb52b0 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -1128,6 +1128,7 @@
   color: #e57373;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.429rem;
   color: #888888;
@@ -1141,6 +1142,7 @@
   left: 1.858rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.429rem;
   color: #888888;
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index 9f4b70ef3..787ee71e4 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -1128,6 +1128,7 @@
   color: #e57373;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.429rem;
   color: #888888;
@@ -1141,6 +1142,7 @@
   left: 1.858rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.429rem;
   color: #888888;
diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css
index 1eecf8e7c..cc3e565b0 100644
--- a/public/themes/md-dark-deeppurple/theme.css
+++ b/public/themes/md-dark-deeppurple/theme.css
@@ -1148,6 +1148,7 @@
   color: #f44435;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 1rem;
   color: rgba(255, 255, 255, 0.6);
@@ -1161,6 +1162,7 @@
   left: 3rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 1rem;
   color: rgba(255, 255, 255, 0.6);
diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css
index 826b4a560..ed168ab20 100644
--- a/public/themes/md-dark-indigo/theme.css
+++ b/public/themes/md-dark-indigo/theme.css
@@ -1148,6 +1148,7 @@
   color: #f44435;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 1rem;
   color: rgba(255, 255, 255, 0.6);
@@ -1161,6 +1162,7 @@
   left: 3rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 1rem;
   color: rgba(255, 255, 255, 0.6);
diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css
index fffece08a..2c6017d71 100644
--- a/public/themes/md-light-deeppurple/theme.css
+++ b/public/themes/md-light-deeppurple/theme.css
@@ -1148,6 +1148,7 @@
   color: #B00020;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 1rem;
   color: rgba(0, 0, 0, 0.6);
@@ -1161,6 +1162,7 @@
   left: 3rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 1rem;
   color: rgba(0, 0, 0, 0.6);
diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css
index 82c8ce932..d5fa557d9 100644
--- a/public/themes/md-light-indigo/theme.css
+++ b/public/themes/md-light-indigo/theme.css
@@ -1148,6 +1148,7 @@
   color: #B00020;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 1rem;
   color: rgba(0, 0, 0, 0.6);
@@ -1161,6 +1162,7 @@
   left: 3rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 1rem;
   color: rgba(0, 0, 0, 0.6);
diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css
index 51f560fcd..b33f3fceb 100644
--- a/public/themes/mdc-dark-deeppurple/theme.css
+++ b/public/themes/mdc-dark-deeppurple/theme.css
@@ -1148,6 +1148,7 @@
   color: #f44435;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
@@ -1161,6 +1162,7 @@
   left: 2.5rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css
index 4a63741bb..83c4513f8 100644
--- a/public/themes/mdc-dark-indigo/theme.css
+++ b/public/themes/mdc-dark-indigo/theme.css
@@ -1148,6 +1148,7 @@
   color: #f44435;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
@@ -1161,6 +1162,7 @@
   left: 2.5rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css
index b64b6e542..0ecf5551b 100644
--- a/public/themes/mdc-light-deeppurple/theme.css
+++ b/public/themes/mdc-light-deeppurple/theme.css
@@ -1148,6 +1148,7 @@
   color: #B00020;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: rgba(0, 0, 0, 0.6);
@@ -1161,6 +1162,7 @@
   left: 2.5rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.75rem;
   color: rgba(0, 0, 0, 0.6);
diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css
index f3733aeef..bbb96d3e0 100644
--- a/public/themes/mdc-light-indigo/theme.css
+++ b/public/themes/mdc-light-indigo/theme.css
@@ -1148,6 +1148,7 @@
   color: #B00020;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: rgba(0, 0, 0, 0.6);
@@ -1161,6 +1162,7 @@
   left: 2.5rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.75rem;
   color: rgba(0, 0, 0, 0.6);
diff --git a/public/themes/mira/theme.css b/public/themes/mira/theme.css
index 1e2b8432d..2bce85331 100644
--- a/public/themes/mira/theme.css
+++ b/public/themes/mira/theme.css
@@ -1152,6 +1152,7 @@
   color: #BF616A;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.5rem;
   color: #81A1C1;
@@ -1165,6 +1166,7 @@
   left: 2rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.5rem;
   color: #81A1C1;
diff --git a/public/themes/nano/theme.css b/public/themes/nano/theme.css
index 7c57a6a99..5f4245d7c 100644
--- a/public/themes/nano/theme.css
+++ b/public/themes/nano/theme.css
@@ -1124,6 +1124,7 @@
   color: #d8222f;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.25rem;
   color: #697077;
@@ -1137,6 +1138,7 @@
   left: 1.5rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.25rem;
   color: #697077;
diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css
index d05028943..9cb12343b 100644
--- a/public/themes/nova-accent/theme.css
+++ b/public/themes/nova-accent/theme.css
@@ -1124,6 +1124,7 @@
   color: #a80000;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.429rem;
   color: #848484;
@@ -1137,6 +1138,7 @@
   left: 1.858rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.429rem;
   color: #848484;
diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css
index d00ddf380..4f507ffd1 100644
--- a/public/themes/nova-alt/theme.css
+++ b/public/themes/nova-alt/theme.css
@@ -1128,6 +1128,7 @@
   color: #a80000;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.429rem;
   color: #848484;
@@ -1141,6 +1142,7 @@
   left: 1.858rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.429rem;
   color: #848484;
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index 1de8e5f14..e87221c35 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -1128,6 +1128,7 @@
   color: #a80000;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.429rem;
   color: #848484;
@@ -1141,6 +1142,7 @@
   left: 1.858rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.429rem;
   color: #848484;
diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css
index 6a47f6314..fdda48f6d 100644
--- a/public/themes/nova/theme.css
+++ b/public/themes/nova/theme.css
@@ -1128,6 +1128,7 @@
   color: #a80000;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.429rem;
   color: #848484;
@@ -1141,6 +1142,7 @@
   left: 1.858rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.429rem;
   color: #848484;
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index beb36f901..cb398641a 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -1124,6 +1124,7 @@
   color: #e7a3a3;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.429rem;
   color: #a6a6a6;
@@ -1137,6 +1138,7 @@
   left: 1.858rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.429rem;
   color: #a6a6a6;
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index 39f4cecb0..27c1cffaa 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -1124,6 +1124,7 @@
   color: #f44336;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.5rem;
   color: #6c757d;
@@ -1137,6 +1138,7 @@
   left: 2rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.5rem;
   color: #6c757d;
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index 96cffb910..118805665 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -1124,6 +1124,7 @@
   color: #f44336;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.5rem;
   color: #6c757d;
@@ -1137,6 +1138,7 @@
   left: 2rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.5rem;
   color: #6c757d;
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index 046349087..e3dd6d275 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -1124,6 +1124,7 @@
   color: #f44336;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.5rem;
   color: #6c757d;
@@ -1137,6 +1138,7 @@
   left: 2rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.5rem;
   color: #6c757d;
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index 742041850..199bc6f78 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -1124,6 +1124,7 @@
   color: #f44336;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.5rem;
   color: #6c757d;
@@ -1137,6 +1138,7 @@
   left: 2rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.5rem;
   color: #6c757d;
diff --git a/public/themes/soho-dark/theme.css b/public/themes/soho-dark/theme.css
index 8138ba433..d6abf44be 100644
--- a/public/themes/soho-dark/theme.css
+++ b/public/themes/soho-dark/theme.css
@@ -1148,6 +1148,7 @@
   color: #ff9a9a;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
@@ -1161,6 +1162,7 @@
   left: 2.5rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
diff --git a/public/themes/soho-light/theme.css b/public/themes/soho-light/theme.css
index ba372be10..ac3081926 100644
--- a/public/themes/soho-light/theme.css
+++ b/public/themes/soho-light/theme.css
@@ -1148,6 +1148,7 @@
   color: #ff6767;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: #708da9;
@@ -1161,6 +1162,7 @@
   left: 2.5rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.75rem;
   color: #708da9;
diff --git a/public/themes/tailwind-light/theme.css b/public/themes/tailwind-light/theme.css
index dd7e6f809..cd9fd2231 100644
--- a/public/themes/tailwind-light/theme.css
+++ b/public/themes/tailwind-light/theme.css
@@ -1159,6 +1159,7 @@
   color: #f0a9a7;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: #71717A;
@@ -1172,6 +1173,7 @@
   left: 2.5rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.75rem;
   color: #71717A;
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index 9fa02d10c..5ee2c0e8f 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -1124,6 +1124,7 @@
   color: #ef9a9a;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.5rem;
   color: rgba(255, 255, 255, 0.6);
@@ -1137,6 +1138,7 @@
   left: 2rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.5rem;
   color: rgba(255, 255, 255, 0.6);
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index 210630f31..1608383da 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -1124,6 +1124,7 @@
   color: #ef9a9a;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.5rem;
   color: rgba(255, 255, 255, 0.6);
@@ -1137,6 +1138,7 @@
   left: 2rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.5rem;
   color: rgba(255, 255, 255, 0.6);
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index d17812739..f47d59382 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -1124,6 +1124,7 @@
   color: #ef9a9a;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.5rem;
   color: rgba(255, 255, 255, 0.6);
@@ -1137,6 +1138,7 @@
   left: 2rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.5rem;
   color: rgba(255, 255, 255, 0.6);
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index 033ac5a50..2b87e22e6 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -1124,6 +1124,7 @@
   color: #ef9a9a;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.5rem;
   color: rgba(255, 255, 255, 0.6);
@@ -1137,6 +1138,7 @@
   left: 2rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.5rem;
   color: rgba(255, 255, 255, 0.6);
diff --git a/public/themes/viva-dark/theme.css b/public/themes/viva-dark/theme.css
index cf8eaa5c8..a21287fcb 100644
--- a/public/themes/viva-dark/theme.css
+++ b/public/themes/viva-dark/theme.css
@@ -1156,6 +1156,7 @@
   color: #f78c79;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
@@ -1169,6 +1170,7 @@
   left: 2.5rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.75rem;
   color: rgba(255, 255, 255, 0.6);
diff --git a/public/themes/viva-light/theme.css b/public/themes/viva-light/theme.css
index dadf347fe..eeabef2df 100644
--- a/public/themes/viva-light/theme.css
+++ b/public/themes/viva-light/theme.css
@@ -1156,6 +1156,7 @@
   color: #f88c79;
 }
 
+.p-input-icon-left > svg:first-of-type,
 .p-input-icon-left > i:first-of-type {
   left: 0.75rem;
   color: #898989;
@@ -1169,6 +1170,7 @@
   left: 2.5rem;
 }
 
+.p-input-icon-right > svg:last-of-type,
 .p-input-icon-right > i:last-of-type {
   right: 0.75rem;
   color: #898989;