From 25cbff34f7663763d13b9d5d0ff9ee0a3d5850c0 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: Thu, 13 Jan 2022 16:49:25 +0300
Subject: [PATCH] Fixed #1980 - Dropdown | filled background problem

---
 public/themes/arya-blue/theme.css               | 3 +++
 public/themes/arya-green/theme.css              | 3 +++
 public/themes/arya-orange/theme.css             | 3 +++
 public/themes/arya-purple/theme.css             | 3 +++
 public/themes/bootstrap4-dark-blue/theme.css    | 3 +++
 public/themes/bootstrap4-dark-purple/theme.css  | 3 +++
 public/themes/bootstrap4-light-blue/theme.css   | 3 +++
 public/themes/bootstrap4-light-purple/theme.css | 3 +++
 public/themes/fluent-light/theme.css            | 3 +++
 public/themes/lara-dark-blue/theme.css          | 3 +++
 public/themes/lara-dark-indigo/theme.css        | 3 +++
 public/themes/lara-dark-purple/theme.css        | 3 +++
 public/themes/lara-dark-teal/theme.css          | 3 +++
 public/themes/lara-light-blue/theme.css         | 3 +++
 public/themes/lara-light-indigo/theme.css       | 3 +++
 public/themes/lara-light-purple/theme.css       | 3 +++
 public/themes/lara-light-teal/theme.css         | 3 +++
 public/themes/luna-amber/theme.css              | 3 +++
 public/themes/luna-blue/theme.css               | 3 +++
 public/themes/luna-green/theme.css              | 3 +++
 public/themes/luna-pink/theme.css               | 3 +++
 public/themes/md-dark-deeppurple/theme.css      | 3 +++
 public/themes/md-dark-indigo/theme.css          | 3 +++
 public/themes/md-light-deeppurple/theme.css     | 3 +++
 public/themes/md-light-indigo/theme.css         | 3 +++
 public/themes/mdc-dark-deeppurple/theme.css     | 3 +++
 public/themes/mdc-dark-indigo/theme.css         | 3 +++
 public/themes/mdc-light-deeppurple/theme.css    | 3 +++
 public/themes/mdc-light-indigo/theme.css        | 3 +++
 public/themes/nova-accent/theme.css             | 3 +++
 public/themes/nova-alt/theme.css                | 3 +++
 public/themes/nova-vue/theme.css                | 3 +++
 public/themes/nova/theme.css                    | 3 +++
 public/themes/rhea/theme.css                    | 3 +++
 public/themes/saga-blue/theme.css               | 3 +++
 public/themes/saga-green/theme.css              | 3 +++
 public/themes/saga-orange/theme.css             | 3 +++
 public/themes/saga-purple/theme.css             | 3 +++
 public/themes/tailwind-light/theme.css          | 3 +++
 public/themes/vela-blue/theme.css               | 3 +++
 public/themes/vela-green/theme.css              | 3 +++
 public/themes/vela-orange/theme.css             | 3 +++
 public/themes/vela-purple/theme.css             | 3 +++
 43 files changed, 129 insertions(+)

diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css
index 680001a90..9ee23cd53 100644
--- a/public/themes/arya-blue/theme.css
+++ b/public/themes/arya-blue/theme.css
@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #383838;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #1e1e1e;
diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css
index 08d01b67e..7b8199c08 100644
--- a/public/themes/arya-green/theme.css
+++ b/public/themes/arya-green/theme.css
@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #383838;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #1e1e1e;
diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css
index 739c7ada0..87d384866 100644
--- a/public/themes/arya-orange/theme.css
+++ b/public/themes/arya-orange/theme.css
@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #383838;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #1e1e1e;
diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css
index 2ef5ad30f..2d13ae71d 100644
--- a/public/themes/arya-purple/theme.css
+++ b/public/themes/arya-purple/theme.css
@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #383838;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #1e1e1e;
diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css
index b2bb7d004..06662072f 100644
--- a/public/themes/bootstrap4-dark-blue/theme.css
+++ b/public/themes/bootstrap4-dark-blue/theme.css
@@ -815,6 +815,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #3f4b5b;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #2a323d;
diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css
index b23afdeb2..d5b248b04 100644
--- a/public/themes/bootstrap4-dark-purple/theme.css
+++ b/public/themes/bootstrap4-dark-purple/theme.css
@@ -815,6 +815,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #3f4b5b;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #2a323d;
diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css
index a22157d10..da55c5b19 100644
--- a/public/themes/bootstrap4-light-blue/theme.css
+++ b/public/themes/bootstrap4-light-blue/theme.css
@@ -815,6 +815,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #efefef;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #efefef;
diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css
index 44bb724e2..195f29b7a 100644
--- a/public/themes/bootstrap4-light-purple/theme.css
+++ b/public/themes/bootstrap4-light-purple/theme.css
@@ -815,6 +815,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #efefef;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #efefef;
diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css
index addd20824..466e95458 100644
--- a/public/themes/fluent-light/theme.css
+++ b/public/themes/fluent-light/theme.css
@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #faf9f8;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #faf9f8;
diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css
index aa9791327..b92afca4f 100644
--- a/public/themes/lara-dark-blue/theme.css
+++ b/public/themes/lara-dark-blue/theme.css
@@ -846,6 +846,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #0b213f;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #071426;
diff --git a/public/themes/lara-dark-indigo/theme.css b/public/themes/lara-dark-indigo/theme.css
index 79021b26d..9e8c5c30e 100644
--- a/public/themes/lara-dark-indigo/theme.css
+++ b/public/themes/lara-dark-indigo/theme.css
@@ -846,6 +846,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #0b213f;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #071426;
diff --git a/public/themes/lara-dark-purple/theme.css b/public/themes/lara-dark-purple/theme.css
index 2bdf0f41c..21be52030 100644
--- a/public/themes/lara-dark-purple/theme.css
+++ b/public/themes/lara-dark-purple/theme.css
@@ -846,6 +846,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #0b213f;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #071426;
diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css
index 1e7852ff5..25e2e4c6b 100644
--- a/public/themes/lara-dark-teal/theme.css
+++ b/public/themes/lara-dark-teal/theme.css
@@ -846,6 +846,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #0b213f;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #071426;
diff --git a/public/themes/lara-light-blue/theme.css b/public/themes/lara-light-blue/theme.css
index 1d00a8896..60b0dfda5 100644
--- a/public/themes/lara-light-blue/theme.css
+++ b/public/themes/lara-light-blue/theme.css
@@ -846,6 +846,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #ffffff;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #f8f9fa;
diff --git a/public/themes/lara-light-indigo/theme.css b/public/themes/lara-light-indigo/theme.css
index e75896f85..602efec6b 100644
--- a/public/themes/lara-light-indigo/theme.css
+++ b/public/themes/lara-light-indigo/theme.css
@@ -846,6 +846,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #ffffff;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #f8f9fa;
diff --git a/public/themes/lara-light-purple/theme.css b/public/themes/lara-light-purple/theme.css
index 8d7731248..2582ee7c2 100644
--- a/public/themes/lara-light-purple/theme.css
+++ b/public/themes/lara-light-purple/theme.css
@@ -846,6 +846,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #ffffff;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #f8f9fa;
diff --git a/public/themes/lara-light-teal/theme.css b/public/themes/lara-light-teal/theme.css
index a9ecaef5d..21553beec 100644
--- a/public/themes/lara-light-teal/theme.css
+++ b/public/themes/lara-light-teal/theme.css
@@ -846,6 +846,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #ffffff;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #f8f9fa;
diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index ad72dbf50..f4cd73fbb 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -815,6 +815,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #4b4b4b;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #191919;
diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css
index 64acb8bc9..62acaf22d 100644
--- a/public/themes/luna-blue/theme.css
+++ b/public/themes/luna-blue/theme.css
@@ -815,6 +815,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #4b4b4b;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #191919;
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index 0a4151f10..8e4e8723c 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -815,6 +815,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #4b4b4b;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #191919;
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index 505a488c2..5c257a446 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -815,6 +815,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #4b4b4b;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #191919;
diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css
index 02474c787..7774eb3c3 100644
--- a/public/themes/md-dark-deeppurple/theme.css
+++ b/public/themes/md-dark-deeppurple/theme.css
@@ -835,6 +835,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: rgba(255, 255, 255, 0.1);
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #1e1e1e;
diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css
index f9879427e..663adc61a 100644
--- a/public/themes/md-dark-indigo/theme.css
+++ b/public/themes/md-dark-indigo/theme.css
@@ -835,6 +835,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: rgba(255, 255, 255, 0.1);
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #1e1e1e;
diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css
index 7ea625882..303cfeebe 100644
--- a/public/themes/md-light-deeppurple/theme.css
+++ b/public/themes/md-light-deeppurple/theme.css
@@ -835,6 +835,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #dcdcdc;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #ffffff;
diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css
index e23371a1a..2cae030be 100644
--- a/public/themes/md-light-indigo/theme.css
+++ b/public/themes/md-light-indigo/theme.css
@@ -835,6 +835,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #dcdcdc;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #ffffff;
diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css
index 4b33f8f53..868d39466 100644
--- a/public/themes/mdc-dark-deeppurple/theme.css
+++ b/public/themes/mdc-dark-deeppurple/theme.css
@@ -835,6 +835,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: rgba(255, 255, 255, 0.1);
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #1e1e1e;
diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css
index 1bd0c51da..5778a01ea 100644
--- a/public/themes/mdc-dark-indigo/theme.css
+++ b/public/themes/mdc-dark-indigo/theme.css
@@ -835,6 +835,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: rgba(255, 255, 255, 0.1);
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #1e1e1e;
diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css
index b06ab3c23..b93759cbd 100644
--- a/public/themes/mdc-light-deeppurple/theme.css
+++ b/public/themes/mdc-light-deeppurple/theme.css
@@ -835,6 +835,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #dcdcdc;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #ffffff;
diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css
index df129c8ba..e1f673648 100644
--- a/public/themes/mdc-light-indigo/theme.css
+++ b/public/themes/mdc-light-indigo/theme.css
@@ -835,6 +835,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #dcdcdc;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #ffffff;
diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css
index 0c7529f0d..5e3d459f9 100644
--- a/public/themes/nova-accent/theme.css
+++ b/public/themes/nova-accent/theme.css
@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #f4f4f4;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #007ad9;
diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css
index 510de89fe..62123af56 100644
--- a/public/themes/nova-alt/theme.css
+++ b/public/themes/nova-alt/theme.css
@@ -815,6 +815,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #f4f4f4;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #333333;
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index da7d8b3e9..a48fd2f63 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -815,6 +815,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #f4f4f4;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #f4f4f4;
diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css
index 6ee0f71a8..11ca2ccf1 100644
--- a/public/themes/nova/theme.css
+++ b/public/themes/nova/theme.css
@@ -815,6 +815,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #f4f4f4;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #f4f4f4;
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index 1bb10b8ab..2f5762d87 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #f4f4f4;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #7B95A3;
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index 734101332..ee7ce1931 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #ffffff;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #f8f9fa;
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index 72b4a783a..e8ea6a508 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #ffffff;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #f8f9fa;
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index f1db0232f..7b0cccca5 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #ffffff;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #f8f9fa;
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index f7b0e5a8b..9b4d84589 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #ffffff;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #f8f9fa;
diff --git a/public/themes/tailwind-light/theme.css b/public/themes/tailwind-light/theme.css
index 7795d4df0..4eb854bff 100644
--- a/public/themes/tailwind-light/theme.css
+++ b/public/themes/tailwind-light/theme.css
@@ -846,6 +846,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #ffffff;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #fafafa;
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index cc01cb484..645830630 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #304562;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #1f2d40;
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index 366914b06..cfa9dcce0 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #304562;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #1f2d40;
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index 017f2d834..6f9a1a201 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #304562;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #1f2d40;
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index be8385e31..3d8afa70d 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -811,6 +811,9 @@
 .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
   background-color: #304562;
 }
+.p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
+  background-color: transparent;
+}
 
 .p-editor-container .p-editor-toolbar {
   background: #1f2d40;