diff --git a/api/templates/default/etemplate2.css b/api/templates/default/etemplate2.css
index 303df52025..66aa3d2236 100644
--- a/api/templates/default/etemplate2.css
+++ b/api/templates/default/etemplate2.css
@@ -4049,32 +4049,33 @@ div.flatpickr-calendar.inline .dayContainer {
     max-width: var(--width);
 }
 
-div.flatpickr-calendar.inline .flatpickr-months .flatpickr-month {
+div.flatpickr-calendar .flatpickr-months .flatpickr-month {
     flex: 1 1 auto;
     padding-top: 4px;
     padding-bottom: 0px;
-    height: initial;
+    height: 30px;
 }
 
-div.flatpickr-calendar.inline .flatpickr-months {
+div.flatpickr-calendar .flatpickr-months {
     background-color: #eceef1;
     gap: 4px;
 }
 
-div.flatpickr-calendar.inline .flatpickr-current-month {
-    left: 0;
-    width: 100%;
+div.flatpickr-calendar .flatpickr-current-month {
+    left: 0ex;
+    right: 0ex;
+    width: initial;
     padding-top: 0px;
 }
 
-div.flatpickr-calendar.inline .flatpickr-months .flatpickr-prev-month,
-div.flatpickr-calendar.inline .flatpickr-months .flatpickr-next-month {
+div.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
+div.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
     position: relative;
-    padding: 3px 3px 0px 5px;
+    padding: 3px 6px 0px 6px;
     height: 26px;
 }
 
-div.flatpickr-calendar.inline .flatpickr-current-month .flatpickr-monthDropdown-months {
+div.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months {
     width: 75%;
     padding-left: 0;
 }