diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css
index 592557a78..a08ec211e 100644
--- a/public/themes/arya-blue/theme.css
+++ b/public/themes/arya-blue/theme.css
@@ -138,9 +138,13 @@
   border-radius: 3px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #1e1e1e;
   border: 1px solid #383838;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #1e1e1e;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: rgba(255, 255, 255, 0.87);
@@ -201,6 +205,7 @@
   height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #212529;
@@ -214,6 +219,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: transparent;
   color: #64B5F6;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #212529;
@@ -1207,7 +1213,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 2.357rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3102,6 +3108,7 @@
   box-shadow: inset 0 0 0 1px #BBDEFB;
 }
 .p-menu.p-menu-overlay {
+  background: #1e1e1e;
   border: 1px solid #383838;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -3604,6 +3611,7 @@
   box-shadow: inset 0 0 0 1px #BBDEFB;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #1e1e1e;
   border: 1px solid #383838;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css
index b1d8ff036..5a1c7714d 100644
--- a/public/themes/arya-green/theme.css
+++ b/public/themes/arya-green/theme.css
@@ -138,9 +138,13 @@
   border-radius: 3px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #1e1e1e;
   border: 1px solid #383838;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #1e1e1e;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: rgba(255, 255, 255, 0.87);
@@ -201,6 +205,7 @@
   height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #212529;
@@ -214,6 +219,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: transparent;
   color: #81C784;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #212529;
@@ -1207,7 +1213,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 2.357rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3102,6 +3108,7 @@
   box-shadow: inset 0 0 0 1px #C8E6C9;
 }
 .p-menu.p-menu-overlay {
+  background: #1e1e1e;
   border: 1px solid #383838;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -3604,6 +3611,7 @@
   box-shadow: inset 0 0 0 1px #C8E6C9;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #1e1e1e;
   border: 1px solid #383838;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css
index 66121de1b..dcb094b55 100644
--- a/public/themes/arya-orange/theme.css
+++ b/public/themes/arya-orange/theme.css
@@ -138,9 +138,13 @@
   border-radius: 3px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #1e1e1e;
   border: 1px solid #383838;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #1e1e1e;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: rgba(255, 255, 255, 0.87);
@@ -201,6 +205,7 @@
   height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #212529;
@@ -214,6 +219,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: transparent;
   color: #FFD54F;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #212529;
@@ -1207,7 +1213,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 2.357rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3102,6 +3108,7 @@
   box-shadow: inset 0 0 0 1px #FFECB3;
 }
 .p-menu.p-menu-overlay {
+  background: #1e1e1e;
   border: 1px solid #383838;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -3604,6 +3611,7 @@
   box-shadow: inset 0 0 0 1px #FFECB3;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #1e1e1e;
   border: 1px solid #383838;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css
index 035475354..392fc90c7 100644
--- a/public/themes/arya-purple/theme.css
+++ b/public/themes/arya-purple/theme.css
@@ -138,9 +138,13 @@
   border-radius: 3px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #1e1e1e;
   border: 1px solid #383838;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #1e1e1e;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: rgba(255, 255, 255, 0.87);
@@ -201,6 +205,7 @@
   height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #ffffff;
@@ -214,6 +219,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: transparent;
   color: #BA68C8;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #ffffff;
@@ -1207,7 +1213,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 2.357rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3102,6 +3108,7 @@
   box-shadow: inset 0 0 0 1px #E1BEE7;
 }
 .p-menu.p-menu-overlay {
+  background: #1e1e1e;
   border: 1px solid #383838;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -3604,6 +3611,7 @@
   box-shadow: inset 0 0 0 1px #E1BEE7;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #1e1e1e;
   border: 1px solid #383838;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css
index d9dae49d3..ba31fa70d 100644
--- a/public/themes/bootstrap4-dark-blue/theme.css
+++ b/public/themes/bootstrap4-dark-blue/theme.css
@@ -138,9 +138,13 @@
   border-radius: 4px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #2a323d;
   border: 1px solid #3f4b5b;
   box-shadow: none;
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #2a323d;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: rgba(255, 255, 255, 0.87);
@@ -201,6 +205,7 @@
   height: 2.5rem;
   border-radius: 4px;
   transition: box-shadow 0.15s;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #151515;
@@ -214,6 +219,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: transparent;
   color: #8dd0ff;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #151515;
@@ -1207,7 +1213,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 2.357rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3102,6 +3108,7 @@
   box-shadow: inset 0 0 0 0.15rem #e3f3fe;
 }
 .p-menu.p-menu-overlay {
+  background: #2a323d;
   border: 1px solid #3f4b5b;
   box-shadow: none;
 }
@@ -3604,6 +3611,7 @@
   box-shadow: inset 0 0 0 0.15rem #e3f3fe;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #2a323d;
   border: 1px solid #3f4b5b;
   box-shadow: none;
 }
diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css
index 84fbc3cee..88bb331d4 100644
--- a/public/themes/bootstrap4-dark-purple/theme.css
+++ b/public/themes/bootstrap4-dark-purple/theme.css
@@ -138,9 +138,13 @@
   border-radius: 4px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #2a323d;
   border: 1px solid #3f4b5b;
   box-shadow: none;
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #2a323d;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: rgba(255, 255, 255, 0.87);
@@ -201,6 +205,7 @@
   height: 2.5rem;
   border-radius: 4px;
   transition: box-shadow 0.15s;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #151515;
@@ -214,6 +219,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: transparent;
   color: #c298d8;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #151515;
@@ -1207,7 +1213,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 2.357rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3102,6 +3108,7 @@
   box-shadow: inset 0 0 0 0.15rem #f0e6f5;
 }
 .p-menu.p-menu-overlay {
+  background: #2a323d;
   border: 1px solid #3f4b5b;
   box-shadow: none;
 }
@@ -3604,6 +3611,7 @@
   box-shadow: inset 0 0 0 0.15rem #f0e6f5;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #2a323d;
   border: 1px solid #3f4b5b;
   box-shadow: none;
 }
diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css
index 2cc7af4fc..39986863f 100644
--- a/public/themes/bootstrap4-light-blue/theme.css
+++ b/public/themes/bootstrap4-light-blue/theme.css
@@ -138,13 +138,17 @@
   border-radius: 4px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #ffffff;
   border: 1px solid rgba(0, 0, 0, 0.15);
   box-shadow: none;
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: rgba(0, 0, 0, 0.03);
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: #212529;
-  background: rgba(0, 0, 0, 0.03);
+  background: #ffffff;
   font-weight: 600;
   margin: 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.125);
@@ -201,6 +205,7 @@
   height: 2.5rem;
   border-radius: 4px;
   transition: box-shadow 0.15s;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #ffffff;
@@ -214,6 +219,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: #ced4da;
   color: #212529;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #ffffff;
@@ -1207,7 +1213,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 2.357rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3102,6 +3108,7 @@
   box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
 }
 .p-menu.p-menu-overlay {
+  background: #ffffff;
   border: 1px solid rgba(0, 0, 0, 0.15);
   box-shadow: none;
 }
@@ -3604,6 +3611,7 @@
   box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5);
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #ffffff;
   border: 1px solid rgba(0, 0, 0, 0.15);
   box-shadow: none;
 }
diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css
index c288248dd..1c768bcb5 100644
--- a/public/themes/bootstrap4-light-purple/theme.css
+++ b/public/themes/bootstrap4-light-purple/theme.css
@@ -138,13 +138,17 @@
   border-radius: 4px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #ffffff;
   border: 1px solid rgba(0, 0, 0, 0.15);
   box-shadow: none;
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: rgba(0, 0, 0, 0.03);
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: #212529;
-  background: rgba(0, 0, 0, 0.03);
+  background: #ffffff;
   font-weight: 600;
   margin: 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.125);
@@ -201,6 +205,7 @@
   height: 2.5rem;
   border-radius: 4px;
   transition: box-shadow 0.15s;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #ffffff;
@@ -214,6 +219,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: #ced4da;
   color: #212529;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #ffffff;
@@ -1207,7 +1213,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 2.357rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3102,6 +3108,7 @@
   box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
 }
 .p-menu.p-menu-overlay {
+  background: #ffffff;
   border: 1px solid rgba(0, 0, 0, 0.15);
   box-shadow: none;
 }
@@ -3604,6 +3611,7 @@
   box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5);
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #ffffff;
   border: 1px solid rgba(0, 0, 0, 0.15);
   box-shadow: none;
 }
diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css
index 58d13c45a..62b0c6c5e 100644
--- a/public/themes/luna-amber/theme.css
+++ b/public/themes/luna-amber/theme.css
@@ -138,13 +138,17 @@
   border-radius: 3px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #323232;
   border: 1px solid #191919;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #252525;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: #dedede;
-  background: #252525;
+  background: #323232;
   font-weight: 700;
   margin: 0;
   border-bottom: 0 none;
@@ -201,6 +205,7 @@
   height: 2.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #212529;
@@ -214,6 +219,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: #FFCA28;
   color: #212529;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #212529;
@@ -1207,7 +1213,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 2.357rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3085,6 +3091,7 @@
   box-shadow: inset 0 0 0 0.2rem white;
 }
 .p-menu.p-menu-overlay {
+  background: #252525;
   border: 1px solid #191919;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
 }
@@ -3570,6 +3577,7 @@
   box-shadow: inset 0 0 0 0.2rem white;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #252525;
   border: 1px solid #191919;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
 }
diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css
index 4e4b15fdb..3e12da67d 100644
--- a/public/themes/luna-blue/theme.css
+++ b/public/themes/luna-blue/theme.css
@@ -138,13 +138,17 @@
   border-radius: 3px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #323232;
   border: 1px solid #191919;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #252525;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: #dedede;
-  background: #252525;
+  background: #323232;
   font-weight: 700;
   margin: 0;
   border-bottom: 0 none;
@@ -201,6 +205,7 @@
   height: 2.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #212529;
@@ -214,6 +219,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: #29B6F6;
   color: #212529;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #212529;
@@ -1207,7 +1213,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 2.357rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3085,6 +3091,7 @@
   box-shadow: inset 0 0 0 0.2rem white;
 }
 .p-menu.p-menu-overlay {
+  background: #252525;
   border: 1px solid #191919;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
 }
@@ -3570,6 +3577,7 @@
   box-shadow: inset 0 0 0 0.2rem white;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #252525;
   border: 1px solid #191919;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
 }
diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css
index 1a647f952..d55c0fe45 100644
--- a/public/themes/luna-green/theme.css
+++ b/public/themes/luna-green/theme.css
@@ -138,13 +138,17 @@
   border-radius: 3px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #323232;
   border: 1px solid #191919;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #252525;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: #dedede;
-  background: #252525;
+  background: #323232;
   font-weight: 700;
   margin: 0;
   border-bottom: 0 none;
@@ -201,6 +205,7 @@
   height: 2.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #212529;
@@ -214,6 +219,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: #9CCC65;
   color: #212529;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #212529;
@@ -1207,7 +1213,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 2.357rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3085,6 +3091,7 @@
   box-shadow: inset 0 0 0 0.2rem white;
 }
 .p-menu.p-menu-overlay {
+  background: #252525;
   border: 1px solid #191919;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
 }
@@ -3570,6 +3577,7 @@
   box-shadow: inset 0 0 0 0.2rem white;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #252525;
   border: 1px solid #191919;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
 }
diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css
index 553cd0a35..bdf3b2dfd 100644
--- a/public/themes/luna-pink/theme.css
+++ b/public/themes/luna-pink/theme.css
@@ -138,13 +138,17 @@
   border-radius: 3px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #323232;
   border: 1px solid #191919;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #252525;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: #dedede;
-  background: #252525;
+  background: #323232;
   font-weight: 700;
   margin: 0;
   border-bottom: 0 none;
@@ -201,6 +205,7 @@
   height: 2.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #212529;
@@ -214,6 +219,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: #EC407A;
   color: #212529;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #212529;
@@ -1207,7 +1213,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 2.357rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3085,6 +3091,7 @@
   box-shadow: inset 0 0 0 0.2rem white;
 }
 .p-menu.p-menu-overlay {
+  background: #252525;
   border: 1px solid #191919;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
 }
@@ -3570,6 +3577,7 @@
   box-shadow: inset 0 0 0 0.2rem white;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #252525;
   border: 1px solid #191919;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
 }
diff --git a/public/themes/md-dark-deeppurple-green/theme.css b/public/themes/md-dark-deeppurple-green/theme.css
index ab9315ad6..481792e2a 100644
--- a/public/themes/md-dark-deeppurple-green/theme.css
+++ b/public/themes/md-dark-deeppurple-green/theme.css
@@ -1229,7 +1229,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 3rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
diff --git a/public/themes/md-dark-indigo-pink/theme.css b/public/themes/md-dark-indigo-pink/theme.css
index 3a16d8941..8de061c29 100644
--- a/public/themes/md-dark-indigo-pink/theme.css
+++ b/public/themes/md-dark-indigo-pink/theme.css
@@ -1229,7 +1229,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 3rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
diff --git a/public/themes/md-light-deeppurple-green/theme.css b/public/themes/md-light-deeppurple-green/theme.css
index 4db1ede22..41c3a284d 100644
--- a/public/themes/md-light-deeppurple-green/theme.css
+++ b/public/themes/md-light-deeppurple-green/theme.css
@@ -162,9 +162,13 @@
   border-radius: 4px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #ffffff;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: #000001;
@@ -225,6 +229,7 @@
   height: 2.5rem;
   border-radius: 50%;
   transition: none;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #000001;
@@ -238,6 +243,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: #ffffff;
   color: #000001;
+  border-color: black;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #000001;
@@ -1223,7 +1229,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 3rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3118,6 +3124,7 @@
   box-shadow: none;
 }
 .p-menu.p-menu-overlay {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -3620,6 +3627,7 @@
   box-shadow: none;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -3966,7 +3974,7 @@
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
 }
 .p-inplace .p-inplace-display:not(.p-disabled):hover {
-  background: rgba(0, 0, 0, 0.4);
+  background: rgba(0, 0, 0, 0.04);
   color: #000001;
 }
 .p-inplace .p-inplace-display:focus {
@@ -4774,7 +4782,7 @@
 }
 .p-steps .p-steps-item .p-menuitem-link {
   flex-direction: row;
-  background-color: #ffffff;
+  background-color: transparent;
   z-index: 1;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@@ -4784,7 +4792,7 @@
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
   margin: 0;
-  background-color: #ffffff;
+  background-color: transparent;
   color: #9e9d9e;
   padding: 0 0.25rem 0 0;
 }
diff --git a/public/themes/md-light-indigo-pink/theme.css b/public/themes/md-light-indigo-pink/theme.css
index 6eb11e8ed..1c5517d0f 100644
--- a/public/themes/md-light-indigo-pink/theme.css
+++ b/public/themes/md-light-indigo-pink/theme.css
@@ -162,9 +162,13 @@
   border-radius: 4px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #ffffff;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: #000001;
@@ -225,6 +229,7 @@
   height: 2.5rem;
   border-radius: 50%;
   transition: none;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #000001;
@@ -238,6 +243,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: #ffffff;
   color: #000001;
+  border-color: black;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #000001;
@@ -1223,7 +1229,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 3rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3118,6 +3124,7 @@
   box-shadow: none;
 }
 .p-menu.p-menu-overlay {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -3620,6 +3627,7 @@
   box-shadow: none;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -3966,7 +3974,7 @@
   transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
 }
 .p-inplace .p-inplace-display:not(.p-disabled):hover {
-  background: rgba(0, 0, 0, 0.4);
+  background: rgba(0, 0, 0, 0.04);
   color: #000001;
 }
 .p-inplace .p-inplace-display:focus {
@@ -4774,7 +4782,7 @@
 }
 .p-steps .p-steps-item .p-menuitem-link {
   flex-direction: row;
-  background-color: #ffffff;
+  background-color: transparent;
   z-index: 1;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@@ -4784,7 +4792,7 @@
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
   margin: 0;
-  background-color: #ffffff;
+  background-color: transparent;
   color: #9e9d9e;
   padding: 0 0.25rem 0 0;
 }
diff --git a/public/themes/mdc-dark-deeppurple-green/theme.css b/public/themes/mdc-dark-deeppurple-green/theme.css
index b998b7e27..b15b80bbc 100644
--- a/public/themes/mdc-dark-deeppurple-green/theme.css
+++ b/public/themes/mdc-dark-deeppurple-green/theme.css
@@ -162,9 +162,13 @@
   border-radius: 4px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #ffffff;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: #000001;
@@ -225,6 +229,7 @@
   height: 2.5rem;
   border-radius: 50%;
   transition: none;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #000001;
@@ -238,6 +243,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: #ffffff;
   color: #000001;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #000001;
@@ -1223,7 +1229,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 3rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3118,6 +3124,7 @@
   box-shadow: none;
 }
 .p-menu.p-menu-overlay {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -3620,6 +3627,7 @@
   box-shadow: none;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -4774,7 +4782,7 @@
 }
 .p-steps .p-steps-item .p-menuitem-link {
   flex-direction: row;
-  background-color: #ffffff;
+  background-color: transparent;
   z-index: 1;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@@ -4784,7 +4792,7 @@
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
   margin: 0;
-  background-color: #ffffff;
+  background-color: transparent;
   color: #9e9d9e;
   padding: 0 0.25rem 0 0;
 }
diff --git a/public/themes/mdc-dark-indigo-pink/theme.css b/public/themes/mdc-dark-indigo-pink/theme.css
index 520830f15..0cf9197a4 100644
--- a/public/themes/mdc-dark-indigo-pink/theme.css
+++ b/public/themes/mdc-dark-indigo-pink/theme.css
@@ -162,9 +162,13 @@
   border-radius: 4px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #ffffff;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: #000001;
@@ -225,6 +229,7 @@
   height: 2.5rem;
   border-radius: 50%;
   transition: none;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #000001;
@@ -238,6 +243,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: #ffffff;
   color: #000001;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #000001;
@@ -1223,7 +1229,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 3rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3118,6 +3124,7 @@
   box-shadow: none;
 }
 .p-menu.p-menu-overlay {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -3620,6 +3627,7 @@
   box-shadow: none;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -4774,7 +4782,7 @@
 }
 .p-steps .p-steps-item .p-menuitem-link {
   flex-direction: row;
-  background-color: #ffffff;
+  background-color: transparent;
   z-index: 1;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@@ -4784,7 +4792,7 @@
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
   margin: 0;
-  background-color: #ffffff;
+  background-color: transparent;
   color: #9e9d9e;
   padding: 0 0.25rem 0 0;
 }
diff --git a/public/themes/mdc-light-deeppurple-green/theme.css b/public/themes/mdc-light-deeppurple-green/theme.css
index 4db1ede22..b0df03459 100644
--- a/public/themes/mdc-light-deeppurple-green/theme.css
+++ b/public/themes/mdc-light-deeppurple-green/theme.css
@@ -162,9 +162,13 @@
   border-radius: 4px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #ffffff;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: #000001;
@@ -225,6 +229,7 @@
   height: 2.5rem;
   border-radius: 50%;
   transition: none;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #000001;
@@ -238,6 +243,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: #ffffff;
   color: #000001;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #000001;
@@ -1223,7 +1229,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 3rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3118,6 +3124,7 @@
   box-shadow: none;
 }
 .p-menu.p-menu-overlay {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -3620,6 +3627,7 @@
   box-shadow: none;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -4774,7 +4782,7 @@
 }
 .p-steps .p-steps-item .p-menuitem-link {
   flex-direction: row;
-  background-color: #ffffff;
+  background-color: transparent;
   z-index: 1;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@@ -4784,7 +4792,7 @@
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
   margin: 0;
-  background-color: #ffffff;
+  background-color: transparent;
   color: #9e9d9e;
   padding: 0 0.25rem 0 0;
 }
diff --git a/public/themes/mdc-light-indigo-pink/theme.css b/public/themes/mdc-light-indigo-pink/theme.css
index 6eb11e8ed..45b43fcbd 100644
--- a/public/themes/mdc-light-indigo-pink/theme.css
+++ b/public/themes/mdc-light-indigo-pink/theme.css
@@ -162,9 +162,13 @@
   border-radius: 4px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #ffffff;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: #000001;
@@ -225,6 +229,7 @@
   height: 2.5rem;
   border-radius: 50%;
   transition: none;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #000001;
@@ -238,6 +243,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: #ffffff;
   color: #000001;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #000001;
@@ -1223,7 +1229,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 3rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3118,6 +3124,7 @@
   box-shadow: none;
 }
 .p-menu.p-menu-overlay {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -3620,6 +3627,7 @@
   box-shadow: none;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -4774,7 +4782,7 @@
 }
 .p-steps .p-steps-item .p-menuitem-link {
   flex-direction: row;
-  background-color: #ffffff;
+  background-color: transparent;
   z-index: 1;
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
@@ -4784,7 +4792,7 @@
 }
 .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
   margin: 0;
-  background-color: #ffffff;
+  background-color: transparent;
   color: #9e9d9e;
   padding: 0 0.25rem 0 0;
 }
diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css
index c165232ba..b2e439b8d 100644
--- a/public/themes/nova-accent/theme.css
+++ b/public/themes/nova-accent/theme.css
@@ -138,9 +138,13 @@
   border-radius: 3px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #ffffff;
   border: 1px solid #c8c8c8;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #ffffff;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: #333333;
@@ -201,6 +205,7 @@
   height: 2.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #ffffff;
@@ -214,6 +219,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: #d0d0d0;
   color: #333333;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #ffffff;
@@ -1199,7 +1205,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 2.357rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3077,6 +3083,7 @@
   box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-menu.p-menu-overlay {
+  background: #ffffff;
   border: 1px solid #c8c8c8;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
 }
@@ -3562,6 +3569,7 @@
   box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #ffffff;
   border: 1px solid #c8c8c8;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
 }
diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css
index cca1b1738..788e3c295 100644
--- a/public/themes/nova-alt/theme.css
+++ b/public/themes/nova-alt/theme.css
@@ -138,9 +138,13 @@
   border-radius: 3px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #ffffff;
   border: 1px solid #c8c8c8;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #ffffff;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: #333333;
@@ -201,6 +205,7 @@
   height: 2.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #ffffff;
@@ -214,6 +219,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: #d0d0d0;
   color: #333333;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #ffffff;
@@ -1207,7 +1213,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 2.357rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3085,6 +3091,7 @@
   box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-menu.p-menu-overlay {
+  background: #ffffff;
   border: 1px solid #c8c8c8;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
 }
@@ -3570,6 +3577,7 @@
   box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #ffffff;
   border: 1px solid #c8c8c8;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
 }
diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css
index 5cf0a329f..0698e5b0f 100644
--- a/public/themes/nova-vue/theme.css
+++ b/public/themes/nova-vue/theme.css
@@ -138,9 +138,13 @@
   border-radius: 3px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #ffffff;
   border: 1px solid #c8c8c8;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #ffffff;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: #333333;
@@ -201,6 +205,7 @@
   height: 2.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #ffffff;
@@ -214,6 +219,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: #d0d0d0;
   color: #333333;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #ffffff;
@@ -1207,7 +1213,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 2.357rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3085,6 +3091,7 @@
   box-shadow: inset 0 0 0 0.2rem #c2e9d8;
 }
 .p-menu.p-menu-overlay {
+  background: #ffffff;
   border: 1px solid #c8c8c8;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
 }
@@ -3570,6 +3577,7 @@
   box-shadow: inset 0 0 0 0.2rem #c2e9d8;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #ffffff;
   border: 1px solid #c8c8c8;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
 }
diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css
index db956781b..3e87bf2ef 100644
--- a/public/themes/nova/theme.css
+++ b/public/themes/nova/theme.css
@@ -138,9 +138,13 @@
   border-radius: 3px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #ffffff;
   border: 1px solid #c8c8c8;
   box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #ffffff;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: #333333;
@@ -201,6 +205,7 @@
   height: 2.5rem;
   border-radius: 3px;
   transition: background-color 0.2s, box-shadow 0.2s;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #ffffff;
@@ -214,6 +219,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: #d0d0d0;
   color: #333333;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #ffffff;
@@ -1207,7 +1213,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 2.357rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3085,6 +3091,7 @@
   box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-menu.p-menu-overlay {
+  background: #ffffff;
   border: 1px solid #c8c8c8;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
 }
@@ -3570,6 +3577,7 @@
   box-shadow: inset 0 0 0 0.2rem #8dcdff;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #ffffff;
   border: 1px solid #c8c8c8;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
 }
diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css
index bb6d5ba86..396d372b9 100644
--- a/public/themes/rhea/theme.css
+++ b/public/themes/rhea/theme.css
@@ -138,9 +138,13 @@
   border-radius: 2px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #ffffff;
   border: 1px solid #eaeaea;
   box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #ffffff;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: #666666;
@@ -201,6 +205,7 @@
   height: 2.5rem;
   border-radius: 2px;
   transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #385048;
@@ -214,6 +219,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: #d0d0d0;
   color: #666666;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #385048;
@@ -1199,7 +1205,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 2.357rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3077,6 +3083,7 @@
   box-shadow: inset 0 0 0 0.2rem #e4e9ec;
 }
 .p-menu.p-menu-overlay {
+  background: #ffffff;
   border: 1px solid #eaeaea;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
 }
@@ -3562,6 +3569,7 @@
   box-shadow: inset 0 0 0 0.2rem #e4e9ec;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #ffffff;
   border: 1px solid #eaeaea;
   box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
 }
diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css
index 2107533b3..63566bbd1 100644
--- a/public/themes/saga-blue/theme.css
+++ b/public/themes/saga-blue/theme.css
@@ -138,9 +138,13 @@
   border-radius: 3px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #ffffff;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: #495057;
@@ -201,6 +205,7 @@
   height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #ffffff;
@@ -214,6 +219,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: #ced4da;
   color: #495057;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #ffffff;
@@ -1207,7 +1213,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 2.357rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3102,6 +3108,7 @@
   box-shadow: inset 0 0 0 0.15rem #BBDEFB;
 }
 .p-menu.p-menu-overlay {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -3604,6 +3611,7 @@
   box-shadow: inset 0 0 0 0.15rem #BBDEFB;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css
index b1f1e705a..2f531b86c 100644
--- a/public/themes/saga-green/theme.css
+++ b/public/themes/saga-green/theme.css
@@ -138,9 +138,13 @@
   border-radius: 3px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #ffffff;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: #495057;
@@ -201,6 +205,7 @@
   height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #ffffff;
@@ -214,6 +219,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: #ced4da;
   color: #495057;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #ffffff;
@@ -1207,7 +1213,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 2.357rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3102,6 +3108,7 @@
   box-shadow: inset 0 0 0 0.15rem #C8E6C9;
 }
 .p-menu.p-menu-overlay {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -3604,6 +3611,7 @@
   box-shadow: inset 0 0 0 0.15rem #C8E6C9;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css
index 39692c77a..f995781ae 100644
--- a/public/themes/saga-orange/theme.css
+++ b/public/themes/saga-orange/theme.css
@@ -138,9 +138,13 @@
   border-radius: 3px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #ffffff;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: #495057;
@@ -201,6 +205,7 @@
   height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #212529;
@@ -214,6 +219,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: #ced4da;
   color: #495057;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #212529;
@@ -1207,7 +1213,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 2.357rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3102,6 +3108,7 @@
   box-shadow: inset 0 0 0 0.15rem #FFECB3;
 }
 .p-menu.p-menu-overlay {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -3604,6 +3611,7 @@
   box-shadow: inset 0 0 0 0.15rem #FFECB3;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #ffffff;
   border: 0 none;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css
index fbef17129..26f5437a1 100644
--- a/public/themes/vela-blue/theme.css
+++ b/public/themes/vela-blue/theme.css
@@ -137,9 +137,13 @@
   border-radius: 3px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #1f2d40;
   border: 1px solid #304562;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #1f2d40;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: rgba(255, 255, 255, 0.87);
@@ -200,6 +204,7 @@
   height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #212529;
@@ -213,6 +218,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: transparent;
   color: #64B5F6;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #212529;
@@ -1206,7 +1212,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 2.357rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3101,6 +3107,7 @@
   box-shadow: inset 0 0 0 1px #BBDEFB;
 }
 .p-menu.p-menu-overlay {
+  background: #1f2d40;
   border: 1px solid #304562;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -3603,6 +3610,7 @@
   box-shadow: inset 0 0 0 1px #BBDEFB;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #1f2d40;
   border: 1px solid #304562;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css
index 9ea86369c..ed43a1f4a 100644
--- a/public/themes/vela-green/theme.css
+++ b/public/themes/vela-green/theme.css
@@ -137,9 +137,13 @@
   border-radius: 3px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #1f2d40;
   border: 1px solid #304562;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #1f2d40;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: rgba(255, 255, 255, 0.87);
@@ -200,6 +204,7 @@
   height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #212529;
@@ -213,6 +218,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: transparent;
   color: #81C784;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #212529;
@@ -1206,7 +1212,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 2.357rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3101,6 +3107,7 @@
   box-shadow: inset 0 0 0 1px #C8E6C9;
 }
 .p-menu.p-menu-overlay {
+  background: #1f2d40;
   border: 1px solid #304562;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -3603,6 +3610,7 @@
   box-shadow: inset 0 0 0 1px #C8E6C9;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #1f2d40;
   border: 1px solid #304562;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css
index 904686e5a..e4ed1919a 100644
--- a/public/themes/vela-orange/theme.css
+++ b/public/themes/vela-orange/theme.css
@@ -137,9 +137,13 @@
   border-radius: 3px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #1f2d40;
   border: 1px solid #304562;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #1f2d40;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: rgba(255, 255, 255, 0.87);
@@ -200,6 +204,7 @@
   height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #212529;
@@ -213,6 +218,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: transparent;
   color: #FFD54F;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #212529;
@@ -1206,7 +1212,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 2.357rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3101,6 +3107,7 @@
   box-shadow: inset 0 0 0 1px #FFECB3;
 }
 .p-menu.p-menu-overlay {
+  background: #1f2d40;
   border: 1px solid #304562;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -3603,6 +3610,7 @@
   box-shadow: inset 0 0 0 1px #FFECB3;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #1f2d40;
   border: 1px solid #304562;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css
index 3a3681bbb..35af4dbbe 100644
--- a/public/themes/vela-purple/theme.css
+++ b/public/themes/vela-purple/theme.css
@@ -137,9 +137,13 @@
   border-radius: 3px;
 }
 .p-datepicker:not(.p-datepicker-inline) {
+  background: #1f2d40;
   border: 1px solid #304562;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
+.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
+  background: #1f2d40;
+}
 .p-datepicker .p-datepicker-header {
   padding: 0.5rem;
   color: rgba(255, 255, 255, 0.87);
@@ -200,6 +204,7 @@
   height: 2.5rem;
   border-radius: 50%;
   transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
   color: #ffffff;
@@ -213,6 +218,7 @@
 .p-datepicker table td.p-datepicker-today > span {
   background: transparent;
   color: #BA68C8;
+  border-color: transparent;
 }
 .p-datepicker table td.p-datepicker-today > span.p-highlight {
   color: #ffffff;
@@ -1206,7 +1212,7 @@
   width: 100%;
 }
 .p-fluid .p-button-icon-only {
-  width: auto;
+  width: 2.357rem;
 }
 .p-fluid .p-buttonset {
   display: flex;
@@ -3101,6 +3107,7 @@
   box-shadow: inset 0 0 0 1px #E1BEE7;
 }
 .p-menu.p-menu-overlay {
+  background: #1f2d40;
   border: 1px solid #304562;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
@@ -3603,6 +3610,7 @@
   box-shadow: inset 0 0 0 1px #E1BEE7;
 }
 .p-tieredmenu.p-menu-overlay {
+  background: #1f2d40;
   border: 1px solid #304562;
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 }
diff --git a/src/assets/styles/app/_content.scss b/src/assets/styles/app/_content.scss
index c551385a4..a6d4400da 100644
--- a/src/assets/styles/app/_content.scss
+++ b/src/assets/styles/app/_content.scss
@@ -128,6 +128,10 @@
                             border-bottom: 1px solid  var(--primary-color);
                         }
                     }
+
+                    .p-tabview-ink-bar {
+                        display: none;
+                    }
                 }
 
                 .p-tabview-panels {
diff --git a/src/views/inputtext/InputTextDemo.vue b/src/views/inputtext/InputTextDemo.vue
index e13c13f75..3aa021f1c 100755
--- a/src/views/inputtext/InputTextDemo.vue
+++ b/src/views/inputtext/InputTextDemo.vue
@@ -32,11 +32,22 @@
                     <InputText type="text" v-model="value4" />
                 </span>
 
-                <h5>Disabled</h5>
-                <InputText type="text" v-model="value5" disabled />
+                <h5>Help Text</h5>
+                <div class="p-field">
+                    <label for="username1">Username</label>
+                    <InputText id="username1" type="username" aria-describedby="username1-help" />
+                    <small id="username1-help">Enter your username to reset your password.</small>
+                </div>
 
                 <h5>Invalid</h5>
-                <InputText type="text" class="p-invalid" />
+                <div class="p-field">
+                    <label for="username2">Username</label>
+                    <InputText id="username2" type="username" aria-describedby="username2-help" class="p-invalid" />
+                    <small id="username2-help" class="p-invalid">Username is not available.</small>
+                </div>
+
+                <h5>Disabled</h5>
+                <InputText type="text" v-model="value5" disabled />
 
                 <h5>Sizes</h5>
                 <div class="sizes">
@@ -81,4 +92,12 @@ export default {
         }
     }
 }
+
+.p-field * {
+    display: block;
+}
+
+small {
+    margin-top: .25rem;
+}
 </style>
\ No newline at end of file
diff --git a/src/views/inputtext/InputTextDoc.vue b/src/views/inputtext/InputTextDoc.vue
index 82820fa84..e07ba121e 100755
--- a/src/views/inputtext/InputTextDoc.vue
+++ b/src/views/inputtext/InputTextDoc.vue
@@ -106,39 +106,52 @@ import InputText from 'primevue/inputtext';
 				</a>
 <CodeHighlight>
 <template v-pre>
-&lt;h5&gt;Basic&lt;/h3&gt;
-&lt;InputText type="text" v-model="value1" /&gt;
-&lt;span :style="{marginLeft: '.5em'}"&gt;{{value1}}&lt;/span&gt;
+&lt;div class="card"&gt;
+    &lt;h5&gt;Basic&lt;/h5&gt;
+    &lt;InputText type="text" v-model="value1" /&gt;
+    &lt;span :style="{marginLeft: '.5em'}"&gt;{{value1}}&lt;/span&gt;
 
-&lt;h3&gt;Floating Label&lt;/h3&gt;
-&lt;span class="p-float-label"&gt;
-    &lt;InputText id="username" type="text" v-model="value2" /&gt;
-    &lt;label for="username"&gt;Username&lt;/label&gt;
-&lt;/span&gt;
+    &lt;h5&gt;Floating Label&lt;/h5&gt;
+    &lt;span class="p-float-label"&gt;
+        &lt;InputText id="username" type="text" v-model="value2" /&gt;
+        &lt;label for="username"&gt;Username&lt;/label&gt;
+    &lt;/span&gt;
 
-&lt;h3&gt;Left Icon&lt;/h3&gt;
-&lt;span class="p-input-icon-left"&gt;
-    &lt;i class="pi pi-search" /&gt;
-    &lt;InputText type="text" v-model="value3" placeholder="Search" /&gt;
-&lt;/span&gt;
+    &lt;h5&gt;Left Icon&lt;/h5&gt;
+    &lt;span class="p-input-icon-left"&gt;
+        &lt;i class="pi pi-search" /&gt;
+        &lt;InputText type="text" v-model="value3" placeholder="Search" /&gt;
+    &lt;/span&gt;
 
-&lt;h3&gt;Right Icon&lt;/h3&gt;
-&lt;span class="p-input-icon-right"&gt;
-    &lt;i class="pi pi-spin pi-spinner" /&gt;
-    &lt;InputText type="text" v-model="value4" /&gt;
-&lt;/span&gt;
+    &lt;h5&gt;Right Icon&lt;/h5&gt;
+    &lt;span class="p-input-icon-right"&gt;
+        &lt;i class="pi pi-spin pi-spinner" /&gt;
+        &lt;InputText type="text" v-model="value4" /&gt;
+    &lt;/span&gt;
 
-&lt;h3&gt;Disabled&lt;/h3&gt;
-&lt;InputText type="text" v-model="value5" disabled /&gt;
+    &lt;h5&gt;Help Text&lt;/h5&gt;
+    &lt;div class="p-field"&gt;
+        &lt;label for="username1"&gt;Username&lt;/label&gt;
+        &lt;InputText id="username1" type="username" aria-describedby="username1-help" /&gt;
+        &lt;small id="username1-help"&gt;Enter your username to reset your password.&lt;/small&gt;
+    &lt;/div&gt;
 
-&lt;h3&gt;Invalid&lt;/h3&gt;
-&lt;InputText type="text" class="p-invalid" /&gt;
+    &lt;h5&gt;Invalid&lt;/h5&gt;
+    &lt;div class="p-field"&gt;
+        &lt;label for="username2"&gt;Username&lt;/label&gt;
+        &lt;InputText id="username2" type="username" aria-describedby="username2-help" class="p-invalid" /&gt;
+        &lt;small id="username2-help" class="p-invalid"&gt;Username is not available.&lt;/small&gt;
+    &lt;/div&gt;
 
-&lt;h3&gt;Sizes&lt;/h3&gt;
-&lt;div class="sizes"&gt;
-    &lt;InputText type="text" class="p-inputtext-sm" placeholder="Small" /&gt;
-    &lt;InputText type="text" placeholder="Normal" /&gt;
-    &lt;InputText type="text" class="p-inputtext-lg"  placeholder="Large" /&gt;
+    &lt;h5&gt;Disabled&lt;/h5&gt;
+    &lt;InputText type="text" v-model="value5" disabled /&gt;
+
+    &lt;h5&gt;Sizes&lt;/h5&gt;
+    &lt;div class="sizes"&gt;
+        &lt;InputText type="text" class="p-inputtext-sm" placeholder="Small" /&gt;
+        &lt;InputText type="text" placeholder="Normal" /&gt;
+        &lt;InputText type="text" class="p-inputtext-lg"  placeholder="Large" /&gt;
+    &lt;/div&gt;
 &lt;/div&gt;
 </template>
 </CodeHighlight>