diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index 745328b6b..c9badf224 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -424,7 +424,7 @@
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 1.858rem;
+  padding-right: 1.429rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #9b9b9b;
@@ -442,7 +442,7 @@
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #dedede;
-  right: 2.786rem;
+  right: 2.357rem;
 }
 
 .p-dropdown-panel {
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index d953bd788..a2473169e 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -424,7 +424,7 @@
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 1.858rem;
+  padding-right: 1.429rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #9b9b9b;
@@ -442,7 +442,7 @@
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #dedede;
-  right: 2.786rem;
+  right: 2.357rem;
 }
 
 .p-dropdown-panel {
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index c1f0795db..81383bbee 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -424,7 +424,7 @@
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 1.858rem;
+  padding-right: 1.429rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #9b9b9b;
@@ -442,7 +442,7 @@
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #dedede;
-  right: 2.786rem;
+  right: 2.357rem;
 }
 
 .p-dropdown-panel {
diff --git a/public/themes/nova-colored/theme.css b/public/themes/nova-colored/theme.css
index 28fc932a2..117f90ef9 100644
--- a/public/themes/nova-colored/theme.css
+++ b/public/themes/nova-colored/theme.css
@@ -424,7 +424,7 @@
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 1.858rem;
+  padding-right: 1.429rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #666666;
@@ -442,7 +442,7 @@
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #848484;
-  right: 2.786rem;
+  right: 2.357rem;
 }
 
 .p-dropdown-panel {
diff --git a/public/themes/nova-dark/theme.css b/public/themes/nova-dark/theme.css
index 02a9a09a5..9bdf760cb 100644
--- a/public/themes/nova-dark/theme.css
+++ b/public/themes/nova-dark/theme.css
@@ -424,7 +424,7 @@
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 1.858rem;
+  padding-right: 1.429rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #666666;
@@ -442,7 +442,7 @@
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #848484;
-  right: 2.786rem;
+  right: 2.357rem;
 }
 
 .p-dropdown-panel {
diff --git a/public/themes/nova-light/theme.css b/public/themes/nova-light/theme.css
index 76c83bf62..1eb57734d 100644
--- a/public/themes/nova-light/theme.css
+++ b/public/themes/nova-light/theme.css
@@ -424,7 +424,7 @@
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 1.858rem;
+  padding-right: 1.429rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #666666;
@@ -442,7 +442,7 @@
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #848484;
-  right: 2.786rem;
+  right: 2.357rem;
 }
 
 .p-dropdown-panel {
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index 37616354e..94247d080 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -424,7 +424,7 @@
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 1.858rem;
+  padding-right: 1.429rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #666666;
@@ -442,7 +442,7 @@
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #848484;
-  right: 2.786rem;
+  right: 2.357rem;
 }
 
 .p-dropdown-panel {
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index 95dca200e..f400020ab 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -424,7 +424,7 @@
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 1.858rem;
+  padding-right: 1.429rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #a6a6a6;
@@ -442,7 +442,7 @@
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #666666;
-  right: 2.786rem;
+  right: 2.357rem;
 }
 
 .p-dropdown-panel {
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index 0b82b49f7..9aa4091f0 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -424,7 +424,7 @@
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2rem;
+  padding-right: 1.5rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #6c757d;
@@ -442,7 +442,7 @@
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #9ba2aa;
-  right: 2.857rem;
+  right: 2.357rem;
 }
 
 .p-dropdown-panel {
diff --git a/public/themes/saga-cyan/theme.css b/public/themes/saga-cyan/theme.css
index 0c6a1ebb5..ba3b1dd8d 100644
--- a/public/themes/saga-cyan/theme.css
+++ b/public/themes/saga-cyan/theme.css
@@ -424,7 +424,7 @@
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2rem;
+  padding-right: 1.5rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #6c757d;
@@ -442,7 +442,7 @@
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #9ba2aa;
-  right: 2.857rem;
+  right: 2.357rem;
 }
 
 .p-dropdown-panel {
diff --git a/public/themes/saga-deeppurple/theme.css b/public/themes/saga-deeppurple/theme.css
index 2961a6411..a89e9fe5b 100644
--- a/public/themes/saga-deeppurple/theme.css
+++ b/public/themes/saga-deeppurple/theme.css
@@ -424,7 +424,7 @@
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2rem;
+  padding-right: 1.5rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #6c757d;
@@ -442,7 +442,7 @@
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #9ba2aa;
-  right: 2.857rem;
+  right: 2.357rem;
 }
 
 .p-dropdown-panel {
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index 5945c1820..572e692f7 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -424,7 +424,7 @@
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2rem;
+  padding-right: 1.5rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #6c757d;
@@ -442,7 +442,7 @@
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #9ba2aa;
-  right: 2.857rem;
+  right: 2.357rem;
 }
 
 .p-dropdown-panel {
diff --git a/public/themes/saga-indigo/theme.css b/public/themes/saga-indigo/theme.css
index ee2e3983e..5e8231dd6 100644
--- a/public/themes/saga-indigo/theme.css
+++ b/public/themes/saga-indigo/theme.css
@@ -424,7 +424,7 @@
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2rem;
+  padding-right: 1.5rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #6c757d;
@@ -442,7 +442,7 @@
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #9ba2aa;
-  right: 2.857rem;
+  right: 2.357rem;
 }
 
 .p-dropdown-panel {
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index 18ef7e141..ac94d6bf4 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -424,7 +424,7 @@
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2rem;
+  padding-right: 1.5rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #6c757d;
@@ -442,7 +442,7 @@
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #9ba2aa;
-  right: 2.857rem;
+  right: 2.357rem;
 }
 
 .p-dropdown-panel {
diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css
index f2785d59d..34765c6ef 100644
--- a/public/themes/saga-purple/theme.css
+++ b/public/themes/saga-purple/theme.css
@@ -424,7 +424,7 @@
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2rem;
+  padding-right: 1.5rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #6c757d;
@@ -442,7 +442,7 @@
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #9ba2aa;
-  right: 2.857rem;
+  right: 2.357rem;
 }
 
 .p-dropdown-panel {
diff --git a/public/themes/saga-teal/theme.css b/public/themes/saga-teal/theme.css
index a5f0911aa..6d2c11cac 100644
--- a/public/themes/saga-teal/theme.css
+++ b/public/themes/saga-teal/theme.css
@@ -424,7 +424,7 @@
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2rem;
+  padding-right: 1.5rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #6c757d;
@@ -442,7 +442,7 @@
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #9ba2aa;
-  right: 2.857rem;
+  right: 2.357rem;
 }
 
 .p-dropdown-panel {
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index 6fcbf42e5..0db413cc8 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -424,7 +424,7 @@
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2rem;
+  padding-right: 1.5rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #aeb6bf;
@@ -442,7 +442,7 @@
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #aeb6bf;
-  right: 2.857rem;
+  right: 2.357rem;
 }
 
 .p-dropdown-panel {
diff --git a/public/themes/vela-cyan/theme.css b/public/themes/vela-cyan/theme.css
index e30c1172a..3db25a8e1 100644
--- a/public/themes/vela-cyan/theme.css
+++ b/public/themes/vela-cyan/theme.css
@@ -424,7 +424,7 @@
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2rem;
+  padding-right: 1.5rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #aeb6bf;
@@ -442,7 +442,7 @@
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #aeb6bf;
-  right: 2.857rem;
+  right: 2.357rem;
 }
 
 .p-dropdown-panel {
diff --git a/public/themes/vela-deeppurple/theme.css b/public/themes/vela-deeppurple/theme.css
index 9f82cff13..f6e540494 100644
--- a/public/themes/vela-deeppurple/theme.css
+++ b/public/themes/vela-deeppurple/theme.css
@@ -424,7 +424,7 @@
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2rem;
+  padding-right: 1.5rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #aeb6bf;
@@ -442,7 +442,7 @@
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #aeb6bf;
-  right: 2.857rem;
+  right: 2.357rem;
 }
 
 .p-dropdown-panel {
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index 2fde28dec..9eebad49f 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -424,7 +424,7 @@
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2rem;
+  padding-right: 1.5rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #aeb6bf;
@@ -442,7 +442,7 @@
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #aeb6bf;
-  right: 2.857rem;
+  right: 2.357rem;
 }
 
 .p-dropdown-panel {
diff --git a/public/themes/vela-indigo/theme.css b/public/themes/vela-indigo/theme.css
index 52d5f12a8..641079f3d 100644
--- a/public/themes/vela-indigo/theme.css
+++ b/public/themes/vela-indigo/theme.css
@@ -424,7 +424,7 @@
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2rem;
+  padding-right: 1.5rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #aeb6bf;
@@ -442,7 +442,7 @@
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #aeb6bf;
-  right: 2.857rem;
+  right: 2.357rem;
 }
 
 .p-dropdown-panel {
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index d06887956..8fd64817b 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -424,7 +424,7 @@
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2rem;
+  padding-right: 1.5rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #aeb6bf;
@@ -442,7 +442,7 @@
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #aeb6bf;
-  right: 2.857rem;
+  right: 2.357rem;
 }
 
 .p-dropdown-panel {
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index 773ca6f01..6969683a7 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -424,7 +424,7 @@
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2rem;
+  padding-right: 1.5rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #aeb6bf;
@@ -442,7 +442,7 @@
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #aeb6bf;
-  right: 2.857rem;
+  right: 2.357rem;
 }
 
 .p-dropdown-panel {
diff --git a/public/themes/vela-teal/theme.css b/public/themes/vela-teal/theme.css
index a01187afd..f0b3212c9 100644
--- a/public/themes/vela-teal/theme.css
+++ b/public/themes/vela-teal/theme.css
@@ -424,7 +424,7 @@
 }
 .p-dropdown .p-dropdown-label {
   border: 0 none;
-  padding-right: 2rem;
+  padding-right: 1.5rem;
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
   color: #aeb6bf;
@@ -442,7 +442,7 @@
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #aeb6bf;
-  right: 2.857rem;
+  right: 2.357rem;
 }
 
 .p-dropdown-panel {
diff --git a/src/views/dropdown/DropdownDemo.vue b/src/views/dropdown/DropdownDemo.vue
index 0c151c426..b45124930 100755
--- a/src/views/dropdown/DropdownDemo.vue
+++ b/src/views/dropdown/DropdownDemo.vue
@@ -98,7 +98,7 @@ export default {
     justify-content: flex-start;
 
     img {
-        width: 19px;
+        width: 17px;
     }
 }
 </style>
diff --git a/src/views/dropdown/DropdownDoc.vue b/src/views/dropdown/DropdownDoc.vue
index 566963ba4..11bafb09f 100755
--- a/src/views/dropdown/DropdownDoc.vue
+++ b/src/views/dropdown/DropdownDoc.vue
@@ -379,7 +379,7 @@ export default {
     justify-content: flex-start;
 
     img {
-        width: 19px;
+        width: 17px;
     }
 }
 </CodeHighlight>